Text & writing
All Caps and Accessibility: What to Know
Capital letters affect accessibility in two different ways: how easy the text is to read, and how the text is stored and passed to assistive technology such as screen readers. This guide sets out what published guidance and the web standards actually say about each, and the practical approach that satisfies both.
Ready to try the tool this guide describes?
What readability guidance says
- The British Dyslexia Association’s Dyslexia Style Guide advises avoiding capital letters for continuous text, because lower case letters are easier to read, and recommends bold rather than capitals for emphasis.
- The UK government’s GOV.UK style guide says not to use block capitals for large amounts of text because they are hard to read.
- Both recommendations are about continuous text. Short labels and acronyms in capitals are not the concern.
Typed capitals vs. capitals applied with CSS
On a web page, text can look uppercase in two ways: the letters can be typed as capitals in the page’s source, or normal text can be displayed in capitals with the CSS text-transform property.
The W3C’s CSS Text specification says text-transform is for styling only: it “has no effect on the underlying content” and must not change what is copied when someone copies and pastes the text. It also says authors must not rely on text-transform for meaning — the correct casing should be in the document text itself.
In practice this means: write headings, buttons, and labels in normal case in the content, and use text-transform: uppercase if the design calls for capitals. The meaning stays in the text, copied text keeps its normal case, and the visual style can change later without editing any content.
Screen readers and capital letters
How a screen reader announces capital letters depends on the product and on the user’s settings. For example, the NVDA screen reader’s user guide documents options to say “cap” before capital letters, to beep for capitals, and to change the voice pitch for capitals.
The CSS Text specification also cautions that text changed with text-transform cannot be relied on to represent the document’s meaning when it is passed to accessibility interfaces. Because behavior varies between products and settings, the dependable approach is the one the specification describes: put the correct capitalization in the text itself, rather than typing words in capitals for visual effect.
A practical checklist
- Keep paragraphs and other continuous text in normal case.
- Use capitals in the content only where they are part of the meaning: acronyms, codes, and proper names.
- For decorative uppercase headings, buttons, or labels on the web, type normal case and apply text-transform in CSS.
- Use bold, size, or layout — not capitals — for emphasis.
All Caps and Accessibility FAQ
- Is all caps bad for accessibility?
- For continuous text, readability guidance such as the British Dyslexia Association style guide advises against it. Short labels and acronyms in capitals are generally fine.
- Is it better to type capitals or use CSS text-transform?
- For decorative capitals, use text-transform on normally cased text. The CSS Text specification says text-transform is for styling only, has no effect on the underlying content, and should not be relied on for meaning — so the correct casing belongs in the source text.
- Does copying uppercase-styled text copy the capitals?
- According to the CSS Text specification, text-transform must not affect the content of a plain-text copy and paste, so the original casing is what gets copied.
- Can screen reader users hear which letters are capitals?
- Many screen readers offer settings for this. NVDA, for example, can say “cap” before capital letters, beep, or raise the pitch for capitals, depending on the user’s configuration.
- How should I emphasize important text accessibly?
- Use bold, a larger size, or clear placement. The British Dyslexia Association recommends bold rather than capitals, underlining, or italics.
Related guides
- When to Use All CapsWhere all caps works — acronyms, codes, short labels, warnings, and legally conspicuous contract terms — where it does not, and better ways to add emphasis.
- Small Caps vs. All CapsWhat small caps are, how they differ from full capitals and from shrunken capitals, where typographers use them, and how to apply them in Google Docs and CSS.
Open the tool
Jump into UPPERCASE Converter when you are ready to process your files.
