Lab of Ornithology: Home Page
| Project | Lab of Ornithology |
|---|---|
| Scope | Home Page |
| URL | https://www.birds.cornell.edu/home/ |
| Siteimprove Page Report | No report available |
| Notes | There is a ""sign up for eNews"" modal--check that if you can get it to populate. You might need to use incognito mode. Notes: ignore all links under ""Donate""--those all go to a different root URL and some pages are focused on a vended product that Lab of O uses for donations. |
| Created | Sep 23, 2024 |
Guidelines Review
Guidelines
Showing 90 of 90 guidelines. Click on a guideline to view more details.
| Guideline | Assessed |
|---|---|
|
1: Informative and grouped images must contain alternative text describing the purpose or meaning of the image(s).
(1.1.1)
Tools: See notes |
|
|
2: Decorative images must have empty alternative text or be otherwise hidden from assistive technology.
(1.1.1)
Tools: See notes Browser extension Siteimprove |
(Automated) |
|
3: Functional images must have alternative text describing the input's purpose.
(1.1.1)
Tools: Browser extension Manual |
|
|
4: Complex images (graphs, maps, charts) must have a text description of all relevant information.
(1.1.1)
Tools: See notes |
|
|
5: CAPTCHAs must be identified with alternative text
(1.1.1)
Tools: Screen reader |
|
|
6: CAPTCHAs which require user input offer at least two different modalities (e.g. visual and auditory)
(1.1.1)
Tools: Screen reader Keyboard |
|
|
7: Adjacent text and images which navigate to the same destination should be presented and announced as one link.
(1.1.1)
Tools: Siteimprove |
(Automated) |
|
8: Audio-only content must supply a basic text transcript. The location must be referenced in the accessible name of the audio content.
(1.2.1)
Tools: See notes |
|
|
9: Video-only content supplies either a descriptive text transcript or audio description. The location must be referenced in the accessible name of the video content.
(1.2.1)
Tools: See notes |
|
|
10: Multimedia content must have caption support for audio. Captions must be accurate, must include dialogue, the individual speaking, and any relevant audio information.
(1.2.2)
Tools: See notes |
|
|
11: Multimedia content must supply a text transcript OR an audio description.
(1.2.3)
Tools: See notes |
|
|
12: Live multimedia content must be captioned. Captions must be accurate, must include dialogue, the individual speaking, and any relevant audio information.
(1.2.4)
Tools: See notes |
|
|
13: Multimedia content must supply an audio description, which accurately informs the user of any important visual information not already conveyed through audio.
(1.2.5)
Tools: See notes |
|
|
14: Landmarks present on the page are used to organize the correct type of content.
(1.3.1)
Tools: Browser extension Screen reader |
|
|
15: Wherever text appearance (i.e., bold, italics, underline, size) is used to convey information, that information must also be presented in text alone.
(1.3.1)
Tools: Siteimprove |
(Automated) |
|
16: Headings must follow appropriate relative hierarchy to other headings on the same page.
(1.3.1)
Tools: Browser extension |
|
|
17: Page structure is implemented with HTML. Visual appearance is implemented with CSS. Meaningful HTML is not used to solely achieve a visual effect or appearance.
(1.3.1)
Tools: Siteimprove Manual |
(Automated) |
|
18: Form inputs must have labels which are readable (programmatically determinable) by assistive technology.
(1.3.1)
Tools: Siteimprove |
(Automated) |
|
19: Form input groupings (i.e., related radio buttons, related checkboxes, related text inputs like First/Last name) are grouped semantically.
(1.3.1)
Tools: Siteimprove |
(Automated) |
|
20: Data tables may only be used to present tabular data. Data tables must include table headers, which are associated with the correct table cells. Descriptive text for data tables must be programmatically associated.
(1.3.1)
Tools: Siteimprove |
(Automated) |
|
21: Layout tables must not include table headers, captions, or summaries. They should be marked with role="presentation".
(1.3.1)
Tools: Siteimprove |
(Automated) |
|
22: All elements with semantic roles contain all required parent and child elements. (e.g., a "list" must contain "listitem").
(1.3.1)
Tools: Siteimprove |
(Automated) |
|
23: Element IDs do not repeat more than once per page.
(1.3.1)
Tools: Siteimprove Browser extension |
(Automated) |
|
24: All content is available to (readable by) assistive technology.
(1.3.1)
Tools: Keyboard Screen reader |
|
|
25: The order in which content is presented in DOM must be logical.
(1.3.2)
Tools: Screen reader Browser extension |
|
|
26: Whitespace is not utilized to create text spacing within a word. Whitespace is not utilized to create columns or tables visually in plain text.
(1.3.2)
Tools: Screen reader Siteimprove |
(Automated) |
|
27: Instructions for operating web-based content and cues for identifying content does not rely exclusively on color, shape, size, position, or sound. (Above/Below references allowed)
(1.3.3)
Tools: Manual Siteimprove |
(Automated) |
|
28: Content is viewable in portrait and landscape device orientations, and the user is not prompted to switch orientation unless a specific orientation is essential.
(1.3.4)
Tools: Manual See notes |
|
|
29: The purpose of any form input about the user is identified in code when the purpose is defined in HTML.
(1.3.5)
Tools: Manual Siteimprove See notes |
(Automated) |
|
30: Color may not exclusively distinguish between plain text and interactive text or distinguish one type of content from another without a 3:1 color contrast difference.
(1.4.1)
Tools: Siteimprove Manual See notes |
(Automated) |
|
31: Color may not exclusively identify content or distinguish differences in any content (e.g. Red items are invalid, Green items are valid)
(1.4.1)
Tools: Manual |
|
|
32: Auto-playing audio that lasts longer than 3 seconds must be pausable OR have an independent volume control.
(1.4.2)
Tools: Manual See notes |
|
|
33: Large-scale (24px or 19px bold) text must have a color contrast ratio of 3:1. Logos, inactive components, and pure decoration excluded.
(1.4.3)
Tools: Color contrast analyzer Siteimprove Browser extension |
(Automated) |
|
34: Non Large-scale text must have a color contrast ratio of 4.5:1. Logos, inactive components, and pure decoration excluded.
(1.4.3)
Tools: Color contrast analyzer Siteimprove Browser extension |
(Automated) |
|
35: Text can be resized up to 200% without page content disappearing or losing functionality
(1.4.4)
Tools: See notes |
|
|
36: Text can be resized up to 200% without text clipping through other elements.
(1.4.4)
Tools: See notes |
|
|
37: Images of text are not used when the same presentation can be made with native HTML/CSS. Logos and branding are excluded.
(1.4.5)
Tools: Manual |
|
|
38: Content may only scroll in one dimension (horizontal or vertical) at a width and height equivalent of 320x256 pixels or larger. Excluded is content where a two-dimensional layout is necessary (video, data tables, maps, diagrams)
(1.4.10)
Tools: Manual |
|
|
39: Active user interface components must meet a 3:1 color contrast ratio. (This includes buttons, inputs, custom focus indicators, dropdowns, checkboxes, and radio buttons.)
(1.4.11)
Tools: Color contrast analyzer |
|
|
40: Graphical objects that describe important content must meet a 3:1 color contrast ratio; except flags, real-life imagery, branding, reference screencaps, and heatmaps.
(1.4.11)
Tools: Color contrast analyzer |
|
|
41: No content or functionality may be lost when text is set to: Line spacing of 1.5x font size, Letter Spacing at 0.12x font size, Word spacing at 0.16x font size, and paragraph spacing 2x the font size.
(1.4.12)
Tools: See notes |
|
|
42: Content generated by hover or focus can be dismissed without moving hover or focus.
(1.4.13)
Tools: Keyboard |
|
|
43: Content generated by hover or focus of an element can be hovered over without the content disappearing.
(1.4.13)
Tools: Keyboard |
|
|
44: Content generated by hover or focus of an element does not disappear until dismissed, is no longer valid, or hover or focus is removed.
(1.4.13)
Tools: Keyboard |
|
|
45: All interactive elements must be able to be navigated to and interacted with using a Keyboard only.
(2.1.1)
Tools: Keyboard |
|
|
46: Timing of keystrokes must not be required for interacting with any functionality.
(2.1.1)
Tools: Keyboard |
|
|
47: Functionality available when hovering with a cursor must be available to keyboard input.
(2.1.1)
Tools: Keyboard |
|
|
48: Focus that enters any element must be able to leave that element. If the method requires more than ESC, Arrow Keys, or Tab, the user must be informed of the method.
(2.1.2)
Tools: Keyboard |
|
|
49: If any keyboard shortcut only requires letter, number, punctuation, or symbol characters, an option exists to turn it off, remap to include CTRL or ALT modifiers, OR be active on focus only.
(2.1.4)
Tools: Keyboard |
|
|
50: Any time limit may be disabled, extended (with a 20 second warning), or adjusted; unless it is part of a current real-life event, it is essential, or has a time limit of 20 hours or more.
(2.2.1)
Tools: Manual |
|
|
51: Any moving, blinking, or scrolling information that starts automatically, lasts over 5 seconds, and is part of other content must include a pause, stop, or hide mechanism.
(2.2.2)
Tools: Manual |
|
|
52: Any automatically updating content that starts automatically and is part of other content must include a pause, stop, or hide mechanism.
(2.2.2)
Tools: Manual |
|
|
53: No content may flash more than 3 times per any 1-second period.
(2.3.1)
Tools: Manual |
|
|
54: Content which repeats on multiple webpages has a mechanism of skipping over it.
(2.4.1)
Tools: Keyboard Screen reader |
|
|
55: All pages have a title, which details the topic or purpose of the page. Titles should be organized from most-specific to least-specific.
(2.4.2)
Tools: Siteimprove Manual |
(Automated) |
|
56: Focus order must follow a logical sequence. Tabindex values must not interfere with the proper tab sequence of the page.
(2.4.3)
Tools: Keyboard |
|
|
57: Dialog content must gain focus immediately or as the next press of TAB once activated. Dismissing dialog content returns focus to the trigger or to the next element in DOM after the trigger.
(2.4.3)
Tools: Keyboard Screen reader |
|
|
58: Link destination is described by link text on its own or by link text programmatically associated with other text on the page (except where the destination is ambiguous to all users).
(2.4.4)
Tools: Siteimprove Manual |
(Automated) |
|
59: Two or more mechanisms of finding a webpage are available, unless the page is accessed as part of a step in a process.
(2.4.5)
Tools: Manual |
|
|
60: Headings that exist describe the topic or purpose of the content following after.
(2.4.6)
Tools: Manual Browser extension |
|
|
61: Labels describe the purpose of the inputs they are associated with.
(2.4.6)
Tools: Manual |
|
|
62: Every focusable element has a focus indicator present.
(2.4.7)
Tools: Manual Keyboard |
|
|
63: Elements that currently have focus may never be hidden by other elements (such as a sticky header).
(2.4.11)
Tools: |
|
|
64: All functionality that uses multipoint, or path-based gestures can be operated with a single pointer without a path-based gesture, unless essential.
(2.5.1)
Tools: Manual See notes |
|
|
65: Functionality operated with a single pointer must: Not fire on the down event, fire on the up-event along with a way to abort or undo, reverse the function on the up-event, or completing the function on the down event is essential.
(2.5.2)
Tools: Manual See notes |
|
|
66: For user interface components with labels that include text or images of text, the accessible name contains the text that is presented visually.
(2.5.3)
Tools: Siteimprove |
(Automated) |
|
67: Any functionality which is activated by device motion can be performed with a User interface component that does not require motion.
(2.5.4)
Tools: Manual See notes |
|
|
68: Any functionality which is activated by device motion can be disabled.
(2.5.4)
Tools: Manual See notes |
|
|
69: Any functionality that can be achieved by dragging (click and hold then move) must be operable without the need for dragging (unless essential).
(2.5.7)
Tools: |
|
|
70: All elements must have a clickable target size of at least 24x24 pixels unless the element is inline, controlled by the browser, or the "target offset" to all adjacent clickable elements is at least 24px.
(2.5.8)
Tools: |
|
|
71: The default language of each page must be defined in the html tag.
(3.1.1)
Tools: Siteimprove Screen reader |
(Automated) |
|
72: Text in a different language than the page default must be identified in HTML; aside from proper names, technical terms, words without a defined language, and words that are part of the vernacular of the immediately surrounding text.
(3.1.2)
Tools: Manual |
|
|
73: When a user interface component gains focus, it may not trigger a change of context. (Submission of a form, new window launch, immediate change of focus, changing content on the page where such that the purpose is different)
(3.2.1)
Tools: Manual Keyboard |
|
|
74: When the setting or value of a User Interface component is changed, that does not trigger a change of context unless the user is informed of the behavior beforehand.
(3.2.2)
Tools: Manual Keyboard |
|
|
75: Navigations which are utilized on multiple pages keep the same relative order on all pages, unless the user initiates the change. (Items can be removed or added, but they must maintain the same order relative to each other)
(3.2.3)
Tools: Manual |
|
|
76: Any components with similar functionality used on multiple pages must be labeled identically and function identically. (e.g. a header Search field must be labeled the same on all pages)
(3.2.4)
Tools: Manual Screen reader |
|
|
77: Help mechanisms such as contact details, messaging, chat, or self-help options must be in the same relative order on all pages where the information is present.
(3.2.6)
Tools: Manual |
|
|
78: Whenever an input error is detected through validation, the user is informed of the error, and what was incorrect in the input.
(3.3.1)
Tools: Manual Screen reader |
|
|
79: Visible labels or instructions are available for all inputs and input groupings.
(3.3.2)
Tools: Manual |
|
|
80: Labels describe any required fields or required formatting requirements. (e.g. If a MM/DD/YYYY format is required)
(3.3.2)
Tools: Manual |
|
|
81: If an input error was detected due to a blank input on a required field, the user is informed of the fields which were left blank in the error message.
(3.3.3)
Tools: Manual |
|
|
82: If an input error was detected due to an input that did not follow required formatting, the user is informed of the proper formatting in the error message.
(3.3.3)
Tools: Manual |
|
|
83: If an input error was detected that was outside of the allowable range of values, the user is informed of the proper range in the error message.
(3.3.3)
Tools: Manual |
|
|
84: Any legal or financial data input must be reversible, validated for input errors, or include a mechanism for reviewing, confirming, or correcting information before submission.
(3.3.4)
Tools: Manual |
|
|
85: Users are not required to refill the same information in the same process unless it is available as a selection, is essential, is ensuring security, or the original information is no longer valid.
(3.3.7)
Tools: Manual |
|
|
86: Login processes must not solely rely on cognitive tests. All steps in a login process must support some method that does not rely on memory or knowledge.
(3.3.8)
Tools: |
|
|
87: All elements have appropriate accessible names and roles assigned.
(4.1.2)
Tools: Screen reader Manual |
|
|
88: Iframes which present user-readable content require a title or description.
(4.1.2)
Tools: Siteimprove |
(Automated) |
|
89: All custom functionality utilizes the appropriate ARIA features for states, properties, and values. (e.g. aria-expanded, aria-haspopup)
(4.1.2)
Tools: Screen reader Manual |
|
|
90: Status messages which change without a page reload notify users of assistive technologies without requiring the user to send focus to the message.
(4.1.3)
Tools: Screen reader Manual |