If you use an online content editor to write content, the styling will happen automatically. So wherever possible, use text along with CSS to apply styling (such as color, typeface, or size). Some people with reading difficulties or visual impairments need to customize the display of text to make it easier to read. When text is presented as an image of text, that limits their ability to change the appearance of that text. While accessibility requirements do not mandate use of specific fonts, be aware that people who have online reading difficulties benefit from body text set using a clear, consistently formed and balanced sans-serif font.Ĭareful styling can help overcome these issues in HTML documents and in online documents that are published in other formats, such as Word or PDF, while also providing flexibility for people who need to customize text appearance. In this case, it is not set at all, meaning it can easily grow too large on wider viewports. The width of a paragraph is called the "measure." Measures that are too wide make it difficult for readers to scan back to find the start of the following line. Justified text can produce unevenly enlarged spaces between certain words, sometimes known as "rivers". Justified text can produce readability issues for people with dyslexia and other conditions that affect reading and comprehension. A value of 1.3 to 1.5 is optimal, depending on the font. There needs to be some space (although not too much!) between each run of text, to separate them. ![]() The line-height or "leading" is too tight at just 1. There are a number of things wrong with this example: For people who do need to customize display of text to make it easier to read, it's important to support this customization rather than forcing them to read the text the way you specify.įor the most part, this means applying typesetting best practices, which predate the web. Paragraphs of text are a fundamental core of web content, so it's important to display them in a fashion that is optimally readable to the majority of your audience without requiring them to change their display settings. Understanding SC 1.4.4-Resize text (WAI).Understanding SC 1.3.1-Info and Relationships (WAI).Formatting Text Correctly on a Page (OpenScholar).Does the text resize? Does the layout stay intact, or do elements overlap and clip? Is there an even color, with only important elements drawing attention, like headings?Įnlarge your text size in the browser. Avoid using narrow columns of content because they will not respond well to scaling.Įnsure your content is coded using semantic markup (see Testing section under Identify headings, lists, and tables). Check how your content responds to enlarged text. A consistent left margin makes reading easier. Reserve underlining for identifying links. Readability is reduced with all caps because all words have a uniform rectangular shape, meaning readers can't identify words by their shape. Avoid changing the typeface from that specified by the website. ![]() For most content work, the interline spacing (line-height) is applied automatically. Provide the right amount of space between lines of text.Non-visual users benefit from "space" that is created using semantic markup (see Solid Structure). ![]() Space is an important visual design tool that helps us identify groups of related content and delineate unrelated content. Some people need to enlarge text to read it and will not be able to access content set in a text size that is small or doesn't scale correctly. For example, some people may have difficultly tracking along a line of text if its line height (a.k.a. For people with disabilities, these attributes can be essential to a successful user experience. Readability and legibility are key considerations for all users.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |