Accessibility

Last updated: 31 July 2026

Wideplate Restaurant wants everyone to be able to read our menu, find our hours and get directions to us, whatever they use to browse. This page explains what we have built into this website, what we have measured, and where it still falls short. We would rather tell you the gaps than pretend they are not there.

The Standard We Aim For

We build to the Web Content Accessibility Guidelines (WCAG) 2.2, Level AA. That is the standard used internationally, and it is what accessibility rules point to in most countries. This site is partially conformant: most of it meets that level, and the specific places it does not are listed further down.

No outside auditor has certified this site, and this page is not a legal compliance certificate. It is an honest account of the work.

Screen Readers

• Every page declares its language, has one main heading, and runs headings in order, so a screen reader can build a proper outline and jump between sections.
• Every page marks its content as a main landmark, so "jump to main content" lands where it should instead of dropping you at the top of the navigation.
• Buttons are real buttons and links are real links. Nothing on this site is a clickable box pretending to be a control, so anything a screen reader announces is something it can actually operate.
• Controls that change something say so. The menu combo panels and the FAQ answers report whether they are open or closed, and the opening animation is marked as decoration so it is skipped entirely.
• Icons that carry no meaning of their own are hidden from screen readers instead of being read aloud as shapes.

Alt Text

Every photograph on this site carries a written description, and they describe the dish rather than repeating its name. "Sizzling pork sisig topped with egg, calamansi on the side" tells you what is on the plate; "sisig photo" would not. Decorative textures and rules carry no description at all, which is correct: they would only add noise.

Keyboard Navigation

• Every page opens with a "skip to content" link. It stays out of the way until you press Tab, and taking it jumps you past the whole navigation, straight into the page, with the keyboard focus landing there rather than snapping back to the top.
• Everything you can click, you can reach with the Tab key and operate with Enter or Space. There is no mouse-only control anywhere on the site.
• Whatever you have landed on is visibly outlined. The outline sits outside the control and changes colour on dark sections so it stays readable against the background rather than disappearing into it.
• The gallery photo viewer is a real dialog: it takes focus when it opens, closes on Escape, and hands focus back where you left it.
• The map is not loaded until you ask for it, and once loaded, focus moves into it rather than dropping you back at the top of the page.

Colour and Contrast

Contrast was measured from the site's own colour values, not judged by eye. Every piece of text on this site meets Level AA. Body text on the dark sections measures 9.9:1, page text on the cream sections about 10:1, navigation links 6.1:1 and the smallest text on the site, the footer labels and the copyright line, 4.6:1, against the 4.5:1 that Level AA asks for. The gold buttons carry near-black labels at 8.2:1, because white on gold would have been under 2:1 and unreadable.

Hover and pressed states were measured too, not just the resting ones. A text link turns amber when you point at it, and because no single amber can pass against both the cream and the dark green, the site carries two: a deeper one on the cream sections at 4.8:1 and a lighter one on the dark at 5.7:1.

Colour is never the only signal. Anything marked by colour is also marked by text, position or an icon, so nothing is lost if you do not see colour the way the design assumes.

Motion

This site animates a fair amount. If your device is set to reduce motion, that setting is respected in fifteen separate places across the site: the opening animation shortens, scroll effects become simple fades, and the moving strip of dishes stops. You get the whole site, not a stripped-down version of it.

Text Size and Zoom

Text is set in relative units and the layout is fluid, so browser zoom and larger default text sizes reflow the page instead of cutting it off. The site is built and checked down to a 320px-wide screen.

Where This Site Still Falls Short

Measured on 31 July 2026. All of these are real and none of them are hidden:

• The embedded map is Google's, and its accessibility is not something we control. The address is written out in plain text in the Visit section and in the footer of every page, so you never need the map to find us.

How This Was Tested

Structure, keyboard operation and contrast were checked directly against the code and in a desktop browser. Two things have not been done yet, and we are not going to claim otherwise: this site has not been tested with a real screen reader such as VoiceOver, NVDA or TalkBack, and it has not had a pass on a real Android phone. Until both happen, treat the screen reader notes above as built-with-care rather than verified-in-use.

Tell Us What Does Not Work

If something on this site blocked you, we want to know, and you should not have to explain the technical reason. Tell us the page and what happened, and we will fix it and reply.

WideplateRestaurant@gmail.com
0966 965 9995 or 0966 965 9998

If the website is in your way, the restaurant is not. Call either number during opening hours, 11AM until 9PM, and we will read you the menu, take your order or give you directions ourselves.