Editoria11y demo

This page simulates what an author would experience if they were logged in to a site with Editoria11y installed: a toggle automatically appears in the lower-right-hand corner of the page with an issue count. Normally it is an innocuous little a11y symbol; since there were critical issues detected on this page it has become a red exclamation point.

  1. Click the toggle to open the info panel and highlight all the obvious content issues on the page.
  2. Then click the “Show tags” button on the panel to reveal the document’s hidden structure and text alternatives.

Note that the info panel and contextual highlighting can be set to activate automatically when new issues were found; that was turned off for this demo so you could read this intro first!

Heading Tests

Empty Headings

This heading has no text:

 


Skipped heading levels 

This H6 should have been an H3

Suspiciously long headings

A very long heading. Headings should not be used for emphasis, but rather for a document outline, so if you find yourself talking this much, this probably is being used for visual formatting, not a heading.


Suspicious paragraphs that look like headings

Suspicious paragraphs that look like headings but aren't marked 


Images in the header format

 
Missing media item.

Text Alternatives

Screen readers end up reading this as a filename:

 


Image marked as decorative with an empty alt

This might be OK; flagged as needing manual review:


Images with an invalid alt attribute

E.G., alt="'"

Image with a filename as an alt

 

 

Image with no alt text

Missing media item.

Tables

Tables without valid headers

A table without a TH header is invalid And NO, an "H3" does not count

 

Example:

Do not use tables for page layout or for information that is not tabular (i.e. information with meaning that is dependent on it being in columns or rows in a grid).

How not to use a table:

Accessible tables are structured with row and column headers. Screen readers use this information to speak information one cell at a time and provide context to users.

Empty table header cells

Empty table heading cells will also be flagged:   Filler<= Empty Cell

 

Hours Monday Tuesday Wednesday Thursday Friday
10:00 AM - 11:25 AM English    English    
1:00 PM - 1:25 PM  

Chemistry

 

Chemistry

 

 

Tables with no Header cells

Master's Program and Options

Faculty Advisor

Links

Accountancy, M.S.

  • Accounting Information Systems

  • Financial and Public Accounting

  • Taxation

Dr. Dong-Woo Lee (For students' last name from A-M)

(323) 343-2862

[email protected]

 

Dr. Rafik Elias  (For students' last name from N-Z)

(323) 343-2822

[email protected]

     

Anthropology, M.A.

  • Archaeology
  • Biological Anthropology
  • Cultural Anthropology

Beth Baker

(323) 343–2440

[email protected]

Legibility

a. Fake Lists

b. use letters or numbers

c. rather than real formatting 


Caps Locks

TYPING IN ALL CAPS SEEMS RUDE AND VERY OBNOXIOUS 


Color Contrast

WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Sufficient Color contrast for red #CC0000 *Meets AA standard

Insufficient color contrast for red #FF0000

Correct Color contrast


Meaningful Links

Links titled with a URL

https://www.youtube.com/watch?v=DLzxrzFCyOs


Links only titled with generic text

"Click here," "learn more." "download," , "this link", etc.

Click here

learn more

download

this link

 


Links that open in a new window without an external link icon or warning

An informative video about Web Accessbility.

Embeds

Links to documents

Note that you can set what Editora11y should look for in your preferences file. By default, it checks for PDF and DOC Files

 

A real PDF link.


Invalid or Missing Language Tag

The title is "Cómo estás amigo".


Invalid Long Description

 


Broken Aria References 

Don't use Tab functions at the moment due to broken Aria reference 

Don't use Tab functions at the moment due to broken Aria reference 

Don't use Tab functions at the moment due to broken Aria reference 

Link Description Missing For Slider Design Block

luckman
Music Building Walkway
luckman
Music Building Walkway