Support » Themes and Templates » Lesson: Web Page Design and Accessibility

  • Accessibility is for everyone, even WordPress users. What is it? Accessibility in web page design means creating a web page design where ANYONE can use it. And I mean anyone. I’m not talking just about the visually impaired, handicapped, or otherwise challenged. I’m also talking about those people in Russia and South Africa who are using physically challenged computers hooked up to generators that only run 2 hours a day, trying to connect to the Internet with old browsers and dial up connections. I’m talking about people from different countries who speak different languages and yet are trying to learn your language by reading your blog or site. I’m talking about people on cell phones and handheld computers. Those people, including the approximately 25% of all Internet users who are physically impaired in some way, need access to web pages, and as a web page designer (or tweaker), you need to know about accessibility.

    In the most simplest of examples, let’s talk about web users who have visual or physical impairment and rely upon your help to “see” or “hear” your web page. When you include a graphic or photograph, describe it in the alt part of the tag.

    ...and the ball bounced higher and higher as <img scr="ball.jpg" alt="graphic of a red and blue ball" /> the child bounced it....

    That’s not hard. For those who rely upon readers, they might hear, “and the ball bounced higher and higher as – image – graphic of a red and blue ball – the child bounced it” as part of the content. For those who want to know more about the picture, they can hold their mouse over the graphic and a small balloon would pop up and tell them “graphic of a red and blue ball”.

    You can do the same with links:

    If you are <a href="http://www.mysite.com/talent-shopping/" title="Article about shopping for photographic models">shopping for models</a> for your portrait photography....

    These descriptive additions to your graphics and links not only help those who need the help, in the complicated methodology used by Google, Yahoo, and other search engines, have been known to compare the words used within links and graphics with your keywords and titles and it can effect your page ranking….see, accessibility is a good thing.


    Testing your site for accessibility

    An Introduction to Speech-Access Realities for Interested Sighted Internauts
    EmacSpeak
    Introduction to the Voice, Your Aural Font – CSS Tutorial
    Accessible by Design
    Viewable with Any Browser Campaign
    Dive Into Accessibility

Viewing 15 replies - 16 through 30 (of 31 total)
  • Root

    (@root)

    %$£* Cant edit post. 🙂
    [ Moderator comments: Fixed above link. 🙂 ]

    Thread Starter Lorelle

    (@lorelle)

    I know. We lost it during the recent conversion. We’re fighting to have edit restored. Check under Miscellaneous to see comments about it.

    And what a great addition to the list! Thanks.

    Thread Starter Lorelle

    (@lorelle)

    Has anyone made modifications to WordPress to improve its accessibility? What have you done? We’d love to know.

    oriecat

    (@oriecat)

    That’s a great link, Root! I just ran mine and got a 9.9 for How well designed and built the website is. I guess that would be thanks to WordPress and Gemini. 🙂 I wonder what I screwed up to drop it that .1 😉 accessibility was only 6.2 tho, so I am going to work on that. Thanks for a great thread, Lorelle.

    Moderator Matt Mullenweg

    (@matt)

    This would make a great Codex page.

    Root

    (@root)

    On the sitescore thingy – from the default simply adding meta files in the header helps. Other than that its standard stuff. Straight out of the box WP ranks very highly anyway. If you interested in this then the only thing is not to screw up what starts out as a nice piece of code (WP Classic). Thanks for the hat tip on Gemini. 🙂

    Thread Starter Lorelle

    (@lorelle)

    Working on it, Matt.

    Hey, Matt, what is being done to make WordPress totally accessible…well, as much as possible…so we know what is there already, what is coming, and what we can do to improve it on our own. We need the tools, the information, on the how-to in order to help all of us be more user-friendly with our sites.

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    That SiteScore thing is very cool. I’ve got an 8.9.

    Root

    (@root)

    Is that all ? 🙂

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    For now.

    typey

    (@typey)

    Lorelle asked me to post here about my WP theme which passes the WAI accessability check. I talk about it here:

    http://www.omitneedlesswords.com/wai-kubrick/

    and here:

    http://wordpress.org/support/topic.php?id=25511

    Kafkaesqui told me how to make each post have a unique post ID here:

    http://wordpress.org/support/topic.php?id=25956

    HTH,

    Jamie

    Thread Starter Lorelle

    (@lorelle)

    Thanks! Great info. Did you add tabindex to items in your design? I forgot to look. Could you mention the order of the items here so we can learn about how that works.

    This is great!

    typey

    (@typey)

    I didn’t set tab indexes. I should do that.

    Thread Starter Lorelle

    (@lorelle)

    Well, see, now I’ve helped you.

    When you get it figured out, please let us know which ones you set and where your decisions came from. The UK sites in the top of this post…somewhere…list what they consider the “defaults”, creating a consistent tab order. But let us know what you decide and do.

    Is anyone aware of how accessible WP’s Category interface is? I’m especially thinking of how to present hidden subcategories in an accessible manner.

    Thanks.

Viewing 15 replies - 16 through 30 (of 31 total)
  • The topic ‘Lesson: Web Page Design and Accessibility’ is closed to new replies.