1.3.1 Conformance Shown with Non-Technical Explanation
The Cascading Style Sheet (CSS) is used to style a caption. During testing with screen readers JAWS version 18 and NVDA version 2020.1,, they each announced the caption text immediately after mentioning the graphic.
1.3.1 Conformance CSS Markup and Technical Details
The code is:
.caption {display:block;
font-weight:bold;
top-padding:0;
left-padding:.65em;
right-padding.65em;
bottom-padding:1em;
text-align:center;}
The display
property value does not impact the example in this specific instance. The font-weight
property value bold
does what it says. The padding
property defines the space between an element (in this case the paragraph element inside the div
container "caption") and its border. The em
value defines positioning in relative rather than in absolute terms (e.g., in pixels). The text-align
property value center
does what it says.