Responsive Web Design and Google’s “Mobile-Friendly” Compliance Rating
Google lists the City of Leavenworth website as “Mobile-Friendly” (accessible to smartphones, tablets, and other touch-screen devices), and indexes it as such. “Mobile-Friendly” compliance is based on the use of Responsive Web Design (RWD), which allows access to all website elements without the use of separate, limited mobile-only themes or templates.
Accessibility and Usability
Accessibility Guidelines and Web Standards
Accessibility applies to:
Those who are vision, hearing, or motion impaired, and may be required to use alternate web-browsing devices or technologies.
Design and development of this website adheres to the following:
U.S. Federal Government Section 508 (1194.22) Accessibility Guidelines
W3C Web Accessibility Initiative (WAI), Web Content Accessibility Guidelines (WCAG 2.0), Priority 2
Web Standards Validation as XHTML5, per the W3C Markup Validation Service
Accessibility guidelines and web standards compliance:
Allows those who rely on alternate web browsers and assistive technologies to interact with this website.
Opens the website to search engines and language translation services.
Insures compatibility with modern web browsers such as Internet Explorer, Firefox, Safari, Android, and iOS among others.
Provides enhanced compliance with future web standards and technologies.
Note:External links will exit City of Leavenworth. The City of Leavenworth is not responsible for external website content.
A dynamic font-size utility is present at the extreme upper-right of every page. Its use allows a user to increase the font size for just one page, or for all pages until manually returned to the default.
Images are not used to display text. Reliance on images as text may look pleasing to the eye, but implied text meaning is useless to search engines, translation services, or alternative web browsers, and breaks independent content display when CSS are disabled.
Images have suitable alt attributes, and display title attributes when necessary to further define the image. Images used for color or layout applications will display a null alt attribute.
Use of Keyboard
Links may be tabbed-through (and identified by link focus) with the keyboard, allowing mouse-free navigation.
Other “skip” or “return” links may be present depending on requirements.
Navigation bar links are identified by placement in a defined navigation bar, and change in color on hover or keyboard focus.
Title links are identified by with the » symbol directly to the right of the title, and change in color on hover or keyboard focus.
Other links are readily identified by an underline that disappears on hover or keyboard focus (replaced by a light-color font/dark-color background combination).
When links aren’t properly identified in context or by surrounding text, title attributes describe the link and/or target in greater detail.
External links are identified by link title text, and this icon at the end of the link. If an accessibility issue is known, an “Accessibility Note” will precede the link.
The Accessibility Note identifies the link target as an external website, and gives troubleshooting advice when accessibility is limited or compromised. The visitor is given alternative ways to retrieve the information.
Document links open .pdf or .doc files in a new window. They’re identified by link title text “Document Link Opens in a New Window”, and this icon at the end of the link.
All form controls are appropriately and explicitly labeled, and are keyboard navigable.
Specified Form Alternatives
A contact email address and telephone number is provided as an alternative form of access for online forms.
We Would Like to Hear From You
Contact us if you have questions about our website’s accessibility, usability, or why a particular feature is present (or not present, as the case may be).