Conformance Demo for WCAG 2.1 Success Criterion 1.3.1 Info and Relationships (Level A)

1.3.1 Conformance Shown with Non-Technical Explanation

caboose

Caboose and other train cars at the Baltimore and Ohio Railroad Museum

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.