Skip to main content
Home

Main navigation

  • Apps
  • Forum
  • Blog
    • Podcast
    • Guides
    • Hardware & Accessory Reviews
    • Bug Tracker
    • Developer Resources
  • Log in

Breadcrumb

  1. Home
  2. Forums
  3. Other Apple Chat

Web Sight Createing for blind and visually impaired

By Levi Gobin, 29 October, 2020

Club AppleVis Member

Forum
Other Apple Chat

Hi
I have a project due soon that requires me to create a web sight. I am posting this to see if there is any foly accessible web sight creator that I can use on my Mac or other apple device. I have tried wordpress and google sights, along with wix, which all have not been accessible. I am totally blind and rely on voiceover alone.
Thanks,
Levi Gobin

Hears my contac info.
Email: ltgobin@icloud.com

Options

  • Log in or register to post comments

Comments

RE: Web Sight Createing for blind and visually impaired

By AbleTec

2 years 4 months ago

Actually, Levi, the WordPress app is very accessible. How are you trying to create your site, ie, do you have hosting, are you creating the site on a local box, etc?

Since this might be considered at worst off topic, or at best tangential, I would be willing to contact you at the email you provided, if I have permission to do so.

Yes

By Levi Gobin

2 years 4 months ago

Club AppleVis Member

In reply to RE: Web Sight Createing for blind and visually impaired by AbleTec

Yes AbleTec you can email me
Thanks

Accessibility of WordPress

By peter

2 years 4 months ago

yes, by default the newer versions of wordpress lost some of their accessibility when using a screen reader.

However, they did create an theme which you can use that is accessible. The developers of Wordpress realized that the new default theme wasn't as accessible as it should be so they created the accessible theme that we can use to bridge the gap until the default theme is more accessible. If you switch to the accessibility theme you should be all set to go with Wordpress.

--Pete

How do you switch to the…

By Levi Gobin

2 years 4 months ago

Club AppleVis Member

In reply to Accessibility of WordPress by peter

How do you switch to the accessibility theme in word press

Accessibility

By DudeLove721

2 years 4 months ago

In reply to How do you switch to the… by Levi Gobin

I don't know about an accessibility theme, but I use the classic editor plugin. If you do a search for "classic editor" in the plugins section, you should find it. Activating that plugin will allow you to use the old editor that was accessible. A lot of people were not fans of the current Wordpress editor when it was launched, so that's why many users use this plugin. (Note: this is the case using the Wordpress.org platform, I'm not sure if it's 100% the same if you are a Wordpress.com user.)

Re: Accessible Wordpress themes

By peter

2 years 4 months ago

I think that I mis-spoke and the previous poster was correct. There may not be an "accessible theme" for Wordpress but maybe the Classic theme is what you want. I remember Wordpress telling me a long time ago that they were keeping around the classic theme so that people using screen readers could more easily create sites. The newer themes have you create sites by using "blocks" and draggin stuff around. That wasn't very easy to do with a screen reader so they kept the old design so that we could do our work too. I don't remember exactly how I configured this in Wordpress anymore, but now, instead of editing my site using the newer blocks and other tools, I can simply cut and paste text, enter HTML, and make it all work with my screen reader.

sorry I couldn't give you better info. It was a long time ago that some of these changes were made and I configured my site accordingly.

--Pete

re: website creation for visually impaired

By AbleTec

2 years 4 months ago

Pete, I'm not trying to be knitpicky here, but you're mistaking the concepts of themes vs. plugins, & these are *very* different.

A theme governs the appearance of a WordPress site. A plugin in some way changes the functionality, either by adding functions or modifying existing ones.

WordPress has committed to accessibility at the AA conformance level of the WCAG 2.x standard in its core. Because plugins & themes are often built by 3rd parties, this does not apply, though they do encourage accessibility. It's a situation rather like the apps in the app store, many of which are created by 3rd party developers.

The new block (Gutenberg) editor actually is usable by screen reader users now, but the problem is there's very little training in how to do that. We're getting into the holiday season now, which is always a b-word for me, but perhaps I'll have some time after the 1st of the year to do something along those lines. Problem is that for me, that's my busiest time. We'll see.

For some reason, I did not see that this comment had been updated. Sorry for being late chiming in on this. Levi, I will email.

Also--& I hope I won't get in trouble for this--I have a WordPress email listserv yall might find helpful. Please go to www.freelists.org/list/wp4newbs & fill in the subscription form if interested. There are also training materials on https://www.wp4newbs.com, though unfortunately not for the Gutenberg editor. Please note that I don't receive financial remuneration for any of these services.

I do have a gentleman hosting w/me who uses a Mac w/Voiceover to administer his WordPress website, & he's doing well. I have also used the IOS app in this regard to work w/WordPress sites, & it is accessible. Do I recommend trying to create content w/a touch keyboard? Beyond no, but that's just me. Is WordPress accessible? Yes, but as w/all things, it does require at least some knowledge to use, and, again, as w/most if not all things, it takes more of that for a screen reader user.

Website Creating for Blind and Visually Impaired

By Ganahee

2 years 4 months ago

Hello,

I've been working, for several months, on creating a website. I'm hosting my site from my own box, a late 2014 Mac mini, and using the abyss Web Server. For a web editor I use TextMate.

For me, writing the HTML itself isn't difficult - in fact, I've developed a nice little system of "snippets" in TextMate for various code blocks, templates for pages, etc.

My frustration comes with CSS, which I'm somewhat familiar with.

What I'm getting at is this:

Ok, so I write a page, link it to my CSS file(s), but when I view it in browsers - Safari, Chrome, Firefox, etc, what I discover is that VoiceOver will tell me the attributes of some items, but not others. Items, for example, which are enclosed in "article" tags, live in tables, exist in some NAV blocks, buttons, etc, can be read by VO, but, as far as foreground/background color, alignment, font, etc, no dice. Same thing with menus (I'm using menus I created thru a wizard on https://www.thesitewizard.com/. These menus are actually links, embedded in lists, but, thru CSS, look like professional buttons. Additionally, in all browsers, it's generally impossible to see what foreground/background color you're using, except with links VO can see the attributes of. It's not possible to see alignment, etc. In short, unlike a word processor, it's difficult, at least to me, to design a website which looks correct, visually, because, in many instances, a VO user simply can't see foreground/background colors, alignment, fonts, line-spacing, word-spacing, etc, etc.

My big question for the community is, is there a Mac-based tool which will permit a totally blind, VO user, to see literally everything, from a stylistic standpoint, on a web page? If not, will Windows screen readers, such as NVDA, JFW (too rich for my blood), etc, do this? If so, I could purchase a cheap Windows laptop, get a screen reader going on it, and review my work that way. Do I prefer that? No, as I'm a dedicated Mac user. If, however, Windows screen readers will see everything a sighted person would see in the browser, then that would be an acceptable option.

The sort of tool I'm imagining would be a word processor, which would let the developer write out all the page, WYSIWYG-style, output the appropriate HTML, and also generate the relevant CSS code, in a separate file, which could be linked to your HTML page(s). Interestingly enough, way back in the OS9 days, there was an editor, Called Tex-Edit. Someone actually had written an AppleScript for that app, which would generate both the HTML, as well as an accompanying CSS file. Somehow, I doubt such an AppleScript exists for TextEdit, iText Express, etc?

Well, I hope I've given folks some food for thought, and if anyone has any bright ideas, suggestions, etc, I, and I'm sure many others, will be all ears!

Take care,

Ron

P.S.

Should anyone wish to contact me, off-site, regarding this topic, feel free to write to WebMaster@ganahee.com. TIA!

Gutenberg

By DudeLove721

2 years 4 months ago

In reply to re: website creation for visually impaired by AbleTec

I'd heard that Wordpress had started to incorporate accessibility into the Gutenberg editor and I hope it's something that continues. As much as they've done for accessibility with their platform, I was really disappointed to hear that their former head of accessibility quit over the Gutenberg platform because of how inaccessible it was at launch.

Using the third party "classic editor" plugin, I was able to build about 95% of my website without assistance. The only things I couldn't oversee were colours, logos, various images, how the sidebars looked and stuff like that. When it came to those situations, my wife learnt enough to fill in the blanks. (I'll admit though, there's a learning curve if you don't know anything about Wordpress.)

Moving on beyond this specific reply, I should also throw this out there: Mystic Access has a great Wordpress For Beginners course online. It's all in audio and is specifically geared towards people who are blind. It helped me tremendously -- it really takes a lot of the worry out of things and explains every aspect of WP in a really great/simple way. The only caveat is that it teaches building a site with the classic editor plugin because Gutenberg was less accessible (i.e. mostly unusable) when the course was released. I'd still recommend it though, it's well worth the money.

Re: Classic Plug-In

By peter

2 years 4 months ago

In reply to Gutenberg by DudeLove721

Abletech,

Thanks for the correction. I set this up so long ago and have just been using it that I forgot what went into setting up our Wordpress interface. You are correct, it was the Classic Theme that I installed as a Plug-In.

At the time, Wordpress used the Classic interface by default but had moved to using the new block editor as the default interface. Unfortunately the block editor itnerface was not useable (or at least not easy to use) with a screen reader. Thus, Wordpress recommended screen reader users to install the Classic interface and agreed to keep supporting it for some number of years until accessibility of the new interface hopefully got better.

Anyway, I've been using the Classic interface exclusively for years very successfully with JAWS. Nice to know that the new interface might be partially accessible, but I'm not ready to go there yet!

Anyway, thanks again for the correction.

--Pete

re: creating websites for visually impaired

By AbleTec

2 years 4 months ago

Ron, all browsers w/which I'm familiar have a "developer mode" which should let you see all aspects of the webpage, including css. In addition, there is an addon for NVDA called "web developer toolkit", but, quite frankly, I'm able to get as much or more info using either Chrome or Firefox in developer mode.

I've heard other folks say good stuff about Mystic access. My advice would be to check out the resources I wrote about yesterday, if only because it's free, & then go on to M A's course if it doesn't meet your needs. Sounds like a prudent use of resources to me.

I was putting the idea of creating my personal website on back..

By Kautilya

2 years 4 months ago

I was putting the idea of creating my personal website on back burner until I saw this post.
This gives me a hope of creating a personal website of mine.
So, How to get started with this process?
Please send your suggestions keeping in mind the fact that the service, which you're recommending, should be accessible with screen readers as I'm a totally blind person.
Thanks

re: website creating for visually impaired

By AbleTec

2 years 4 months ago

Folks, since this is really only peripherally Apple related, & since I don't wish to get into trouble w/the fine moderators here for posting off topic content, please consider subscribing to my mailing list at:
www.freelists.org/list/wp-4newbs

Fill in your email, select 'subscribe' from the dropdown (it is by default) & press the submit button. Then activate the link in the confirmation email you receive & you're golden. We can continue the discussion there w/o it being off topic.

Possibly helpful blog

By PaulMartz

2 years 4 months ago

Member of the AppleVis Blog Team

A couple years ago, I posted this blog about WordPress and setting up a web server. It's getting out of date (I used WordPress v4.x at the time) and I might change some things if I were writing it new today (CloudFlare's free package includes SSL), but I think the blog might still be helpful. I suggest you jump down to the Using WordPress header and read some of the tips for navigating the WordPress backend and selecting a theme.

I hope that helps.

More Like This

.pdf files to .midi files (Forum Topic)
Transferring music from an old iPhone 3G to a MacBook for use in iTunes (Forum Topic)
How to fix battery alerts not popping up on dynamic Island devices (iPhone 14 Pro, and iPhone 14 promax) (Forum Topic)
Starting a new coding program for the blind (Forum Topic)
Apple Accessibility Thanks You All (Forum Topic)
Is the NatWest Mobile Banking App accessable? Help please, United Kingdom (Forum Topic)
TextEdit - How do I adjust the margins and set as default? Help please (Forum Topic)
any other 3rd-party speech synths for iPhone and Mac besides eSpeak? (Forum Topic)

Site Information

  • About
  • Club AppleVis
  • FAQ
  • Contact

Unless stated otherwise, all content is copyright AppleVis. All rights reserved. © 2023 | Accessibility | Terms | Privacy