Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

docs: simplify and update accessibility headings #387

Merged
merged 7 commits into from
Oct 24, 2018

Conversation

levithomason
Copy link
Member

@levithomason levithomason commented Oct 22, 2018

Doc Site

Here are some of the changes in this PR and the standards behind them.

✅DO 🚫DON'T

Only render content helpful to our users. Hide UI elements when information is not available:

Render error messages that are meant for ourselves as library authors.

👉Write a failing test instead so that we are forced to fix the error rather than advertising it to users.

Write component descriptions that explain the purpose of a component in relation to the user and the UI:

Accordion

An accordion allows users to toggle the display of sections of content.
Tip: Reference react.semantic-ui.com
Write component descriptions that neglect the user and the UI:

Accordion

A standard Accordion.

Only render content helpful to our users.

Use public facing content for TODOs or other internal needs.

👉Use GitHub issues instead so that we can have a discussion and publish the correct solution.

ComponentDocTag.tsx => ComponentDocAccessibility.tsx

This component was complex and only handled displaying component accessibility. It has been refactored and renamed ComponentDocAccessibility to be a dedicated component accessibility display component.

We should avoid premature abstraction in this way. It is easier to abstract something later than to work with an abstraction early on.

@codecov
Copy link

codecov bot commented Oct 22, 2018

Codecov Report

Merging #387 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #387   +/-   ##
=======================================
  Coverage   91.72%   91.72%           
=======================================
  Files          41       41           
  Lines        1341     1341           
  Branches      172      172           
=======================================
  Hits         1230     1230           
  Misses        107      107           
  Partials        4        4
Impacted Files Coverage Δ
src/components/Chat/Chat.tsx 91.3% <ø> (ø) ⬆️
src/components/Avatar/Avatar.tsx 100% <ø> (ø) ⬆️
src/components/Divider/Divider.tsx 100% <ø> (ø) ⬆️
src/components/Input/Input.tsx 100% <ø> (ø) ⬆️
src/components/ItemLayout/ItemLayout.tsx 82.6% <ø> (ø) ⬆️
src/components/Button/Button.tsx 95.83% <ø> (ø) ⬆️
src/components/Icon/Icon.tsx 83.33% <ø> (ø) ⬆️
src/components/Accordion/Accordion.tsx 65.3% <ø> (ø) ⬆️
src/components/Text/Text.tsx 100% <ø> (ø) ⬆️
src/components/Grid/Grid.tsx 100% <ø> (ø) ⬆️
... and 3 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 62dbe10...af84c64. Read the comment docs.

@levithomason levithomason changed the title [WIP] docs: simplify and update accessibility headings docs: simplify and update accessibility headings Oct 24, 2018
@levithomason levithomason merged commit 435182b into master Oct 24, 2018
@levithomason levithomason deleted the docs/cleanup-accessibility-headings branch October 24, 2018 22:20
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants