auditmysite 1.7.2

Resource-efficient WCAG 2.2 AA Accessibility Checker in Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

//! WCAG 2.4.8 Location (Level AAA)
//!
//! Information about the user's location within a set of Web pages is
//! available. A breadcrumb trail, site map, or aria-current="page" indicator
//! satisfies this criterion.

use chromiumoxide::Page;

use crate::cli::WcagLevel;
use crate::wcag::types::{RuleMetadata, Severity, Violation};

pub(super) const LOCATION_RULE: RuleMetadata = RuleMetadata {
    id: "2.4.8",
    name: "Location",
    level: WcagLevel::AAA,
    severity: Severity::Low,
    description: "Users can determine their location within a set of web pages",
    help_url: "https://www.w3.org/WAI/WCAG22/Understanding/location.html",
    axe_id: "location",
    tags: &["wcag2aaa", "wcag248", "cat.navigation"],
};

const LOCATION_JS: &str = r#"
(function() {
  var hasBreadcrumb = !!(
    document.querySelector('nav[aria-label*="breadcrumb" i]') ||
    document.querySelector('[role="navigation"][aria-label*="breadcrumb" i]') ||
    document.querySelector('ol[aria-label*="breadcrumb" i]') ||
    document.querySelector('[aria-label*="breadcrumb" i]')
  );
  var hasAriaCurrent = !!document.querySelector('[aria-current="page"]');
  var hasNav = !!document.querySelector('nav a, [role="navigation"] a');
  return { hasBreadcrumb: hasBreadcrumb, hasAriaCurrent: hasAriaCurrent, hasNav: hasNav };
})()
"#;

pub async fn check_location_with_page(page: &Page) -> Vec<Violation> {
    let val = match crate::wcag::types::evaluate_or_fail(page, &LOCATION_RULE, LOCATION_JS).await {
        Ok(v) => v,
        Err(violations) => return violations,
    };

    let has_breadcrumb = val
        .get("hasBreadcrumb")
        .and_then(|v| v.as_bool())
        .unwrap_or(false);
    let has_aria_current = val
        .get("hasAriaCurrent")
        .and_then(|v| v.as_bool())
        .unwrap_or(false);
    let has_nav = val.get("hasNav").and_then(|v| v.as_bool()).unwrap_or(false);

    // Only flag if the page has navigation (implying multi-level site) but no location indicator
    if has_nav && !has_breadcrumb && !has_aria_current {
        return vec![Violation::new(
            LOCATION_RULE.id,
            LOCATION_RULE.name,
            LOCATION_RULE.level,
            Severity::Low,
            "No breadcrumb navigation or aria-current=\"page\" indicator found. \
             Users with cognitive disabilities may not be able to determine their \
             location within the site.",
            "page",
        )
        .with_fix(
            "Add a breadcrumb navigation (nav[aria-label=\"Breadcrumb\"]) or mark the \
             current page link with aria-current=\"page\" to help users understand \
             where they are in the site structure.",
        )
        .with_rule_id(LOCATION_RULE.axe_id)
        .with_help_url(LOCATION_RULE.help_url)];
    }

    vec![]
}