Accessibility

The standard

The site aims to meet the Web Content Accessibility Guidelines (WCAG) 2.2 at level AA, in both light and dark themes.

• Text contrast is measured, not estimated, for every colour pairing the site uses, in both themes.
• Pages are checked with axe-core for WCAG 2.2 AA issues when they change.
• Everything works from the keyboard, with a visible focus outline, a “Skip to main content” link, and labelled dialogs that return focus when they close.
• The home carousel can be stopped. It has a pause button, previous and next buttons, and the ← and → keys step it while it is on screen (not while you are typing).
• Hover effects are extras. The highlight that slides under menus, lists and table rows follows a mouse only; it never replaces the keyboard focus outline, and touch and keyboard users lose nothing without it.
• The barangay map has a plain equivalent. Every figure on it is in the ranked list beside it, and without JavaScript or WebGL the page shows an outline map in which every barangay is a link.
• Long tables and lists keep their column headings in view as you scroll, and never trap you in a second scroll box: every row is on the page.
• Charts are never the only way to read a figure. Each chart sits beside a table or text with the same numbers.
• Motion is optional. With “reduce motion” set on your device, animations stop and nothing moves on its own.
• Small screens and slow connections come first. No page scrolls sideways at 320 pixels wide, the pages are static files, and nothing but the page itself loads unless you ask for it.
• Everything works without JavaScript except search, the assistant and the document reader; every list is shown in full and every document can still be downloaded.

Known limitations

• Documents from the former municipal website and from DILG are shown as their authors made them. Some are scanned images with no text layer, which screen readers cannot read; the original file is always offered.
• Voice input in the ask box uses your browser’s speech recognition, which not every browser offers; typing always works.
• The site is in English. The assistant answers in Filipino or Taglish when asked in those languages, but the pages themselves are not yet translated.

Report a barrier

If something on the site does not work for you, please say so: open an issue at the project’s repository, describing the page, what you were trying to do, and the device or assistive technology you use.