View source for Allowing for Spacing Override

[[Category:Techniques]]
[[Category:CSS Techniques]]
[[Category:HTML Techniques]]
[[Category:Techniques In Development]]
[[Category:Techniques Needs Work]]
[[Category:Issue 78]]
[[Category: WCAG 2.1]]

== Status ==

'''NOTE: The latest Draft is on GitHub [https://rawgit.com/w3c/wcag/tech-spacing-override/techniques/css/spacing-override.html View] | [https://github.com/w3c/wcag/blob/tech-spacing-override/techniques/css/spacing-override.html Edit]'''

* New sufficient technique 

== Applicability ==

This technique is applicable to Cascading Style Sheet/HTML technologies.

This technique relates to:

* [http://rawgit.com/w3c/wcag21/master/guidelines/index.html#text-spacing 1.4.12 Text Spacing]
** How to Meet 1.4.12 Text Spacing
** [https://rawgit.com/w3c/wcag21/text-spacing/understanding/21/text-spacing.html Understanding Success Criterion 1.4.12 Text Spacing]

== Description ==

The objective of this technique is to show how to test for a text spacing override. Increased spacing between paragraphs, lines, words, and letters benefits people who override author settings via user stylesheet, bookmarklet, extension, or application. An author's content needs to have the ability to be set to Success Criterion 1.4.12's metrics without loss of content or functionality. The author requirement is two-fold:

* to not interfere with a user's ability to override the author settings, and
* to ensure that content modified to Success Criterion 1.4.12's metrics does not break content.

== Examples ==

When a user adapts the page to increase the text spacing, text fits within the bounds of its containing box. 

=== Example 1: Small areas of text ===

Small areas of text (such as navigation bars) have sufficient space within each box so that words and letters do not expand out of their containers.

=== Example 2: Paragraphs of text ===

Paragraphs allow text to increase vertically (in languages such as English which are read horizontally). 

== Resources ==

* [http://www.html5accessibility.com/tests/tsbookmarklet.html Text Adaptation Bookmarklet] - Steve Faulkner 
* [[Results of Bookmarklet Tests for Issue 78]]

=== Related Techniques ===

* [https://www.w3.org/TR/WCAG20-TECHS/C8.html  C8: Using CSS letter-spacing to control spacing within a word]
* [https://www.w3.org/TR/WCAG20-TECHS/C21.html C21: Specifying line spacing in CSS]
* [https://www.w3.org/TR/WCAG20-TECHS/C28.html C28: Specifying the size of text containers using em units]

== Tests ==

# Display content in a user agent.
# Set zoom level to 100%.
# Use a tool or another mechanism to apply the text spacing metrics, such as the [http://www.html5accessibility.com/tests/tsbookmarklet.html Text Spacing Bookmarklet]  or a user-style browser plugin.
# Check that all content and functionality is available.

=== Expected Results ===

* Check number 4 is true.

'''Note''': Where a page has multiple layouts (e.g. in a responsive design) text spacing should be tested in each layout.