Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

When using fonts, you want to use fonts that are easily readable and not distracting or fancy. Fonts like Times New Roman, Verdana and Georgia are examples of good fonts to use. It is not recommended to use fonts like Pacifico, Caveat, or Amatic SC.

...

Warning

While these fonts look more interesting, they are very hard to read for some users.

A list of harder to read fonts, including Amatic SC, Caveat, Comfortaa, Lobster, and PacificoImage Removed

...

Tip

These fonts are much easier for people to read.

A list of easier to read fonts, including Arial, Georgia, Times New Roman, Trebuchet MS, and Verdana.Image Removed

Section 1.2: Font Size

To keep things simple and easy to read, make sure the font is over 18 points in size.

...

Screen readers do not recognize capitalized letters, so there is no point to relying on capital letters to emphasize text.

...

Warning

This example shows unnecessary capitalization in letters. Screen readers will not emphasize the text even when it is in all caps.

A slide for an upcoming science exam. Content that is in all caps are covered in the exam.Image Removed

...

Tip

This example shows a new way to show the important content. Screen readers will read the (covered) label and tell the reader that it will be on the test.

A slide for an upcoming science exam. The content that is covered in the exam has the word covered next to it.Image Removed

Section 1.4: Bold, Italic, Strikethrough, and Underlined Text

Screen readers by default do not recognize text that is bold, italic, strikethrough, or underlined. The text will be read as normal text. There are settings available in NVDA to make the text be read with these attributes. However, very few people change these settings in NVDA. A good rule is to use bold text, italics, or underlined text sparingly.

...

Warning

This example only shows the text bolded. The screen reader will not read the bold text and understand how its important.

A list of students who made a school play audition. The students who made it are listed in bold.Image Removed

...

Tip

This example shows the text bolded and has an addition queue. The “(callback)” queue will be read by screen readers, thus helping the reader to understand the content.

A list of students who made a school play audition. The students who made it are listed in bold and have call back next to their names.Image Removed

Section 1.5: Highlighting

When highlighting, it is important to be sure it is not the only way to convey meaning. Screen readers will not recognize the highlighted text as highlighted text. So it will only read it as normal text. This will be confusing to someone with visual disabilities.

...

Warning

This example only highlights the text and does not provide an additional queue. The screen reader will not be able to tell the reader that the highlighted text means something.

A list of students who made a school play audition. The students who made it are highlighted.Image Removed

...

Tip

This example gives a second queue for the screen reader to read. This will help a reader understand the meaning and context behind a highlighted text.

A list of students who made a school play audition. The students who made it are highlighted with the word callback next to their name.Image Removed

Section 1.6: NVDA Settings for Text

...

Example of using symbols…

...

Warning

This example only shows the symbols and fails to explain to the readers what the symbols mean. Screen readers will not read the symbol without an additional queue.

Example of Symbols for Section 6, Page 25, Paragraph 1.Image Removed

...

Tip

This example shows two ways to type in information and give the same outcomes for readers. You can just type it in text. Another way is to type the symbols, then type in the text in parenthesis. Both ways give readers and screen readers an easier understanding of the information provided.

Symbols for Section and Paragraph used in a sentence.Image Removed

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@82d
sortmodified
showSpacefalse
reversetrue
typepage
labelskb-how-to-article
cqllabel = "kb-how-to-article" and type = "page" and space = "AN"