Location: [unknown]
Surname/tag: accessibility
DRAFT - FOR DISCUSSION PURPOSES ONLY
Contents |
Accessibility-friendly editing tips
The Accessibility Angels Project aims to make WikiTree accessible to as many people as possible - regardless of disability or other limitations.
To help users to read, navigate and contribute to WikiTree, we have a few tips when editing profiles.
Use of colors
WikiTree discourages the use of colored fonts: see Help:Profile Aesthetics.
If color is used in a profile, keep in mind that some readers may be color-blind, have low vision or other limitations that affect their ability to perceive colors. Our preferred approach is to:
- Avoid using color-coding as the sole means of communicating important information.
- Ensure there is good contrast between the text color and background color. As a guide, the Web Content Accessibility Guidelines (WCAG) 2.0 sets a minimum contrast ratio of 4.5:1 (AA standard) and an enhanced contrast ratio of 7:1 (AAA standard).
This table summarizes the contrast ratios of standard text colors when used on a white background:
Color Sample Contrast ratio Black Black text 21.0 Blue Blue text 8.59 Green Green text 7.05 Red Red text 7.03 Brown Brown text 2.99 Purple Purple text 2.80 Orange Orange text 2.53 Lime Lime text 2.04 Yellow Yellow text 1.98 Gray Gray text 1.82
Images
Images can be confusing or meaningless for blind and low vision users. For this reason, we encourage the use of alternative text descriptions on images that are not purely decorative.
Alternative text describes the visual appearance of an image and is read aloud to people who use a screen reader. It gives them a sense of what the image shows. When writing a text description, consider the context of the image and remember that the screen reader will also read any image caption.
To add a text description to an image in the biography section of a profile, use the "label=" parameter. For example:
- {{Image
- |file=Brosius-132-2.jpg
- |align=r
- |size=m
- |caption=Lowell Brosius in Army
- |label=man in military uniform and helmet
- }}
For more instructions about inline images, see Template:Image.
For images of memorial inscriptions or document extracts, we encourage you to transcribe or summarize the text in the image, so users who cannot see the image can gain some understanding of the content.
WikiTree discourages the use of animations and moving images: see Help:Profile Aesthetics. Animated content can be distracting for some users, especially people with certain learning and cognitive difficulties, and can trigger seizures or vertigo for users with particular medical conditions.
Ask questions and share ideas on G2G
If you have questions or ideas about improving the accessibility of WikiTree profiles, please post a question on G2G using the accessibility tag.
- Login to edit this profile and add images.
- Private Messages: Send a private message to the Profile Manager. (Best when privacy is an issue.)
- Public Comments: Login to post. (Best for messages specifically directed to those editing this profile. Limit 20 per day.)
At one point, I think there was a discussion about tweaking the contrast ratio on our font color templates (see: https://www.wikitree.com/wiki/Help:Templates#Formatting_Templates_.28Approved.29)
Do you know if that was ever done??
Julie