From 44a62cdf97490d9099bc768cfc807a5c38d50632 Mon Sep 17 00:00:00 2001 From: Bonnie Chhatrala <43662677+bitwiseor@users.noreply.github.com> Date: Tue, 18 Jan 2022 12:20:01 -0500 Subject: [PATCH] docs(brand): add a11y documentation (#2778) --- .../v4/src/content/accessibility/brand/brand.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 packages/v4/src/content/accessibility/brand/brand.md diff --git a/packages/v4/src/content/accessibility/brand/brand.md b/packages/v4/src/content/accessibility/brand/brand.md new file mode 100644 index 0000000000..15bffe47ee --- /dev/null +++ b/packages/v4/src/content/accessibility/brand/brand.md @@ -0,0 +1,16 @@ +--- +id: Brand +section: components +--- + +A **brand** is used to place a product logotype on a screen. + +**Keyboard users** should not be able to focus on the brand, as it is not interactive. + +**Screen reader users** should be able to navigate to the brand and have a screen reader read the brand’s descriptive text. + +The following props/attributes have been added for you or are customizable in PatternFly: + +| React prop | React component it should be applied to | Which HTML element it appears on in markup | Reason used | +| -- | -- | -- | -- | +| alt | Brand | `.pf-c-brand` | Descriptive alternative text for the image of the Brand | \ No newline at end of file