Hello I Am Waiting words on a nametag sticker to illustrate being patient, late, tardy or delayed for a trip, appointment, meeting or event

FAIL: Do not use the META tag to automatically refresh a page as this can be disorientating for users.

PASS: If the time interval is too short, people who are blind will not have enough time to make their screen readers read the page before the page refreshes unexpectedly and causes the screen reader to begin reading at the top.

Section 508 (2000) 1194.22 (p)
WCAG 2.0 F58 (Success Criteria: 2.2.1 level A)
Section 508 (2017) F58 (Success Criteria: 2.2.1 level A)

===

FAIL: Do not use META REFRESH with a non-zero timeout to automatically refresh the page, since it causes an unexpected interruption for screen reader users.

PASS: If you cannot avoid using META REFRESH, change the refresh time to zero, since the redirect is instant and will not be perceived as a change of context.

Section 508 (2000) 1194.22 (p)
WCAG 1.0 7.5
WCAG 2.0 F40 (Success Criteria: 2.2.1 level A, 2.2.4 level AAA, 3.2.5 level AAA)
Section 508 (2017) F40 (Success Criteria: 2.2.1 level A, 2.2.4 level AAA, 3.2.5 level AAA)

===

FAIL: Do not use the Refresh HTTP header to automatically refresh a page as this can be disorientating for users.

People who are blind will not have enough time to make their screen readers read the page before the page refreshes unexpectedly and causes the screen reader to begin reading at the top.

Section 508 (2000) 1194.22 (p)
WCAG 2.0 F58 (Success Criteria: 2.2.1 level A)
Section 508 (2017) F58 (Success Criteria: 2.2.1 level A)

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.0: 110 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 47 accessibility checkpoints

Find out more about Mary Gillen's Accessibility Testing and Remediation Services

===

Pillars of Law and Information at the United States Supreme Court

In the Credit Union Times article Credit Unions: Mitigate Risks as ADA Suits Mount, author Tina Orem reports that the "number of credit unions hit with lawsuits in recent weeks over the accessibility of their websites continued to climb into double digits, and experts warned that even more credit unions could become targets if they don't get up to speed on the issue."

More from Tina Orem:

"According to the lawsuits, that discrimination includes failing to do things such as embed code that allows screen readers to vocalize descriptions of graphics on websites. Without those efforts, visually impaired users can't determine what's on a credit union's site and in turn can't browse a site, look for locations, learn about amenities or determine which branch to visit. The complaints also claimed the credit unions’ sites contained redundant links that created repetition for screen readers and were missing form labels."

Credit unions that want to avoid becoming targets of ADA suits can do a few things, according to the pros. Find out what you need to do at http://www.cutimes.com/2017/10/27/mitigate-risks-as-ada-suits-mount.

===

GET YOUR WEBSITE TESTED TODAY: Mary Gillen is an experienced Website Accessibility Compliance Auditor. She can test your website to determine if it meets accessibility standards:

WCAG 2.0: 110 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 47 accessibility checkpoints

FInd out more about Mary's Accessibility Testing and Remediation Services.

Funkify Logo

Funkify is a plugin for Chrome that helps you experience the web and interfaces through the eyes of extreme users with different abilities and disabilities.

The free demo version helps web developers, designers and content creators  experience the web through the eyes of people with different abilities:

Blurry Bianca - Experience blurry vision through a foggy filter.

Dyslexia Dani - Scramble letters and make them dance.

Trembling Trevor - Lose some control of your mouse pointer.

Tunnel Toby - Simulate partial vision loss on your screen.

Color Carl - Manipulate colors with different filters.

Elderly Ellen - Try both lowered vision and trembling hands.

Sunshine Sue - Simulate sunshine on your screen

Funkify is created by a team of usability and accessibility experts in Sweden. The project is financed by The Swedish Post and Telecom Authority (Post och telestyrelsen, PTS).

Get the plugin at http://www.funkify.org

===

GET YOUR WEBSITE TESTED TODAY: Mary Gillen is an experienced Website Accessibility Compliance Auditor. She can test your website to determine if it meets accessibility standards:

WCAG 2.0: 110 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 47 accessibility checkpoints

FInd out more about Mary's Accessibility Testing and Remediation Services.

Business leadership concept with red paper plane leading white airplanes above clouds in the sky. Success, winner abstract illustration. Eps10 vector illustration.

Mark this date on your calendar. On January 18, 2018, the U.S. Access Board, a federal agency that promotes equality for people with disabilities will issue a final rule that updates accessibility guidelines and standards covered by Section 508 of the Rehabilitation Act. This includes accessibility guidelines and standards for communication and information technology.

What does this mean to website developers and designers?

You can make these legislative changes pay off for your career or development/design business. There's an increasing demand for experienced web developers and designers who can offer web accessibility auditing and remediation services.

Why learn web accessibility?

According to Dr. James Logan, quality assurance manager for Georgia Institute of Technology’s Enterprise Information Systems, "The web accessibility compliance auditor is a field that every computer science and information systems student should think of pursing. It really is just an extension of information systems. The field has so many opportunities for web developers." [SOURCE]

Section 508

In order to assure that websites and web applications are accessible to and usable by everyone, Web designers and developers need to understand and follow the Section 508 law (29 U.S.C. § 794 (d)) that applies to all federal agencies and their vendors when they develop, procure, maintain, or use electronic and information technology.

"If you’re going to sell products or services to federal agencies or state schools, you have to be an accessible vendor," Logan says. "We test the compliance of an information and communication technology (ICT), test with the JAWS screen reader, a color contrast checker, and check if a PDF is accessible." [SOURCE]

WCAG 2.0 A, AA & AAA

It is also important to understand and know how to implement the Web Content Accessibility Guidelines (WCAG 2.0) published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the Internet. These guidelines are especially important to implement if you are creating websites that sell to consumers via a "public-facing" website. Just as the areas of a "brick and mortar" business need to be accessible, commercial website structure and content are also subject to ADA accessibility requirements. This includes page content, apps, pdfs, videos, podcasts and more.

Web accessibility is not just for government websites

Goodwill, smart business, and pending governmental regulation should compel organizations to make websites accessible to all potential customers.

If the websites you create or maintain are designed to generate revenue, obtain email addresses for newsletter subscriptions, and invite prospects to fill out forms, accessibility compliance is important.

Until now, website accessibility hasn’t been a big concern for most website developers and designers. The U.S. Department of Justice (DOJ) has put off rolling out official compliance guidelines concerning online accessibility for the disabled as part of the Americans with Disabilities Act (ADA). However, waiting until it's the law may make the commercial websites you create legally vulnerable in the meantime if the websites aren’t in compliance, as organizations such as Winn Dixie, Chick-fil-A, Peapod, Target, Reebok, and the NBA have already found out.

The DOJ is urging businesses to follow voluntary Web Content Accessibility Guidelines, or WCAG, version 2.0, rules that are expected to shape the ADA's website-access regulations in development. The guidelines address sensory issues, navigation, graphics, fonts, images, multi-media, coding and more. The guidelines urge website developers and designers to be aware of website features that may interfere with screen-reader technology and other assistive devices.

Take action now

If you are just hearing about website accessibility for the first time or you have determined that this is an issue that can help you bring better website development services to your clients, it’s not too late.

Your next steps:

1) Learn the Section 508 and WCAG 2.0 A, AA & AAA rules
2) Learn how to test your existing websites and create audit reports necessary to determine remediation plans.
3) Learn how to implement the changes necessary to make a website and its content accessible.

====

ABOUT MARY GILLEN: Mary Gillen is an experienced website developer, creating and maintaining responsive accessible websites for government, commercial and non-profit organizations since 1995. She is an experienced Website Accessibility Compliance Auditor, testing and remediating websites to meet Section 508 and WCAG 2.0 A, AA & AAA standards and guidelines.

She is also an experienced technical trainer, having taught 8500 students in classroom and online environments since 1995. Her latest instructor-lead 2-day online class Website Accessibility Auditor: Learn How to Test Websites for Accessibility helps website developers and designers get up to speed quickly on Section 508 and WCAG 2.0 A, AA & AAA standards and guidelines. Visit Mary's website at http://accessiblewebsiteservices.com or call her at 508-768-8418.

 

An HTML H1 Tag against a purple background

TIP #1: Headings should not contain other headings.

EXAMPLE CODE:

<h1>Sample Heading Text<h1>Subtext</h1></h1>

REMEDIATION:

Remove the nested headings, or replace them with SPAN elements.

<h1>Sample Heading Text<span>Subtext</span></h1>

====

TIP #2: Use HTML headings instead of applying CSS heading styles to non-headings.

EXAMPLE CODE:

<div style="font-size:1.5em; color:#cc0000;">Sample Heading Text</div>

REMEDIATION:

Change the element to an appropriate heading element (H1, H2, H3, etc) and apply CSS styles if necessary.

<h1 style="color:#cc0000;">Sample Heading Text</h1>

To be accessible to screen readers, figures and images in PDF documents should not have blank ALT text, except for decorative images which should be marked as artifacts.

Each image should have an ALT attribute describing the picture, which screen readers can read aloud.

EXAMPLE:

Still life with colorful tulips

ALT="Still life photo of colorful tulips in a glass vase"

ADDITIONAL NOTE: When an image contains words that are important to understanding the content, the text alternative should include those words. This will allow the alternative to accurately represent the image.

Read more about PDF Techniques for WCAG: Text Alternatives.

Blue html Code BackgroundFACT: Web pages that contain duplicate IDs can cause problems in screen readers.

If two or more elements on the same page share the same ID, this can cause problems in screen readers which use IDs for labeling controls and table headings.

It can also cause problems in JavaScript methods like getElementById and querySelector, which behave inconsistently when duplicate IDs are present.

Change the IDs so all are unique for each element.

Dyslexia a general term for disorders that involve difficulty in learning to read or interpret words, letters, and other symbols, but that do not affect general intelligence. It is the most common cause of reading, writing, and spelling difficulties.

Of people with reading difficulties, 70-80% are likely to have some form of dyslexia. It is estimated that between 5-10% of the population has dyslexia, but this number can also be as high as 17%.

Here are some CSS tips to consider when designing web content for dyslexics.

Beware Italics
Italicized characters can be difficult for dyslexics to read.

Column Widths
Use narrow column widths (60 to 80 characters). Tracking lines of unbroken text across a page can be difficult.

No Justification
Never use justified text. It causes "rivers" that make text difficult for dyslexics to read.

River Effect in Justified Text

Use Sans-serif Fonts
Serif fonts (like Times Roman) have "feet" at the end of the letter strokes. This can be a nightmare for dyslexics to read because the letters look like they are all connected. Use sans-serif fonts.

See the difference between Serif vs Sans-serif typefaces

===

Resource:  OpenDyslexic

OpenDyslexic is a new open source font created to increase readability for readers with dyslexia. The typeface includes regular, bold, italic, and bold-italic styles. It is being updated continually and improved based on input from dyslexic users. OpenDyslexic is free for Commercial and Personal use.
Download: http://opendyslexic.org/

===

Read More Accessible Website Design Advice: Accessible Best Practice: Don’t Use Color As Part of Your Instructional Content

===

Website Accessibility Testing Service: Mary Gillen can test your website to determine if it meets accessibility standards:

WCAG 2.0: 110 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 47 accessibility checkpoints

You will receive a full report and checklists of items on your website that need to be fixed in order to be compliant.

Mary is also available to implement the changes on your website so your organization will be compliant.

Contact Mary today at 508-768-8418 or via email at mary@accessiblewebsiteservices.com to schedule your test.