Four Key Usability Issues

Accessibility and Alt Text

When a visitor lands on a website, the first impression is often guided by visuals. Those images - whether they’re decorative, instructional, or functional - must convey meaning to everyone, including users who rely on screen readers or have images disabled in their browsers. This is where alt text becomes essential. Alt attributes provide a textual alternative that screen readers interpret, and they serve as a fallback description if an image fails to load. Without alt text, navigation buttons that are represented by icons become invisible to assistive technologies, effectively blocking a portion of the site for those users.

Alt text does more than just aid accessibility. Search engines crawl the alt attribute to understand the context of an image, which can influence how the page ranks for image-based queries. A well‑written alt description that captures the intent of a visual element can boost discoverability in image search results, pulling additional organic traffic to the site. For gaslamp.org, the audit uncovered that several key images - particularly those used as clickable navigation elements - lack alt tags entirely, creating a barrier for both sight‑impaired visitors and search engines.

Adding alt attributes is straightforward. In HTML, you insert the alt value within the <img> tag like so: <img src="logo.png" alt="Gaslamp District logo">. The text should be concise yet descriptive; avoid generic phrases such as “image” or “picture.” For images that carry no informational value, use an empty alt attribute (alt="") to signal to screen readers that the image can be ignored. Tools such as Google Lighthouse and the Web Accessibility Evaluation Tool (WAVE) can scan a page and flag any images missing alt tags, providing an actionable list for developers.

When optimizing images, keep an eye on file size and format. High‑resolution pictures that aren't compressed can slow page load times, negating the accessibility gains. Use modern formats like WebP or AVIF where supported, and always provide a descriptive alt text that aligns with the image’s purpose. For instance, an image of a street scene in the Gaslamp District might use alt="Historic street scene in Gaslamp District" to give context.

Beyond the technical implementation, regularly testing your site with real users who use screen readers is invaluable. Conduct a short usability test with a volunteer or use a tool like NVDA or VoiceOver to navigate your pages and verify that the content flows logically. This iterative feedback loop helps uncover hidden accessibility issues that automated scanners might miss.

Finally, consider that accessibility extends to all media types. Alt text is just one piece of the puzzle. Ensure that video content has captions, that form controls are properly labeled, and that contrast ratios meet WCAG 2.1 guidelines. By addressing these fundamentals, gaslamp.org can create an inclusive experience that welcomes all users while simultaneously improving its search engine visibility.

To summarize, missing alt tags not only hinder users with disabilities but also limit your reach in image search results. Fixing this issue is a quick win that delivers measurable benefits: a broader audience, lower bounce rates, and improved rankings.

Page Speed and User Retention

Speed is more than a convenience - it's a core component of user experience. Research consistently shows that visitors abandon a page that takes longer than 15 seconds to load. For gaslamp.org, the audit identified multiple pages where download times exceeded this threshold, largely due to uncompressed images, bloated JavaScript, and an aging server configuration. These delays can be the difference between a visitor exploring the district’s attractions and a frustrated user navigating away.

To pinpoint slow pages, start with diagnostic tools like Google PageSpeed Insights or GTmetrix. These platforms provide actionable reports that highlight critical metrics: First Contentful Paint, Time to Interactive, and Total Blocking Time. They also recommend specific optimizations, such as compressing images or deferring non‑essential scripts. In gaslamp.org’s case, the most significant bottlenecks were large JPEG files that could be converted to WebP without noticeable quality loss.

Image optimization should be a first line of defense. Apply lossless compression for icons and thumbnails, and lossy compression for photographs, ensuring that file sizes drop by 50% or more. Implement lazy loading for images below the fold so that the browser only fetches them when needed. This reduces the initial payload and speeds up the rendering of critical content.

JavaScript and CSS files can quickly become unwieldy, especially when legacy libraries remain on the site. Minify these assets to strip out whitespace and comments, and combine them where feasible to reduce HTTP requests. Modern build tools like Webpack or Parcel automate this process and can automatically generate source maps for debugging.

Server response times are another critical factor. A slow backend can negate all front‑end optimizations. Upgrading to a more robust hosting environment, enabling server‑side caching, and leveraging a Content Delivery Network (CDN) to serve static assets from geographically proximate nodes can shave seconds off load times. For a site with regional traffic like gaslamp.org, a CDN that covers the Pacific coast can dramatically improve performance for visitors in the area.

Once changes are applied, re‑test the pages to measure impact. A drop in load time should translate to lower bounce rates and higher dwell time, which search engines interpret as a signal of quality. Keep monitoring through analytics platforms like Google Analytics or Matomo to track changes in user engagement after each optimization sprint.

Ultimately, page speed is an ongoing maintenance task. Establish a routine audit process, perhaps every quarter, to catch regressions and apply new best practices. By systematically addressing these performance issues, gaslamp.org can keep visitors engaged, reduce bounce rates, and signal its commitment to a seamless digital experience.

Meta Tags and Search Engine Visibility

Meta tags - particularly the <title> and <meta name="description"> elements - serve as the digital front‑door of each page. They tell search engines what the page is about and entice users to click from search results. For gaslamp.org, the audit revealed a mix of missing or duplicated meta tags, which can dilute the site’s search relevance and lower click‑through rates.

Each page should have a unique title that succinctly captures its content, ideally no longer than 60 characters. This prevents truncation in search results and ensures that the title accurately reflects the page’s focus. The description should be a compelling summary of about 155 characters, incorporating target keywords naturally. This brief narrative can dramatically influence whether a searcher chooses your link over a competitor’s.

Missing meta tags present a double problem. First, search engines must guess the page’s intent, which can lead to poorer rankings. Second, users see generic or empty snippets, which are less likely to attract clicks. Auditing tools such as Screaming Frog, Ahrefs, or SEMrush can crawl your site and flag pages lacking these essential tags.

Once identified, updating meta tags is straightforward. If you’re using a CMS like WordPress, plugins such as Yoast SEO or Rank Math allow you to edit each page’s title and description from the editor interface. For static sites, modify the <head> section directly or use a build tool that injects dynamic meta content.

Beyond the technical implementation, best practices suggest aligning meta tags with on‑page content. Avoid keyword stuffing; instead, focus on readability and relevance. A well‑crafted meta description that mirrors the page’s primary heading can increase trust and relevance signals to search engines.

The benefits extend beyond organic search. Meta tags also influence social media previews and the appearance of shared links on messaging platforms. A consistent, descriptive title and snippet ensure that the site’s brand appears polished wherever it’s shared.

For gaslamp.org, integrating the site’s meta tags into a dedicated catalog - like the one SiteTechnician offers - provides a single source of truth. It enables rapid audits, ensures consistency across new and existing pages, and makes future updates a matter of a few clicks rather than manual code edits.

By treating meta tags as living content rather than static markup, the site can adapt to changing keywords, new services, and evolving user intent, thereby maintaining a competitive edge in search engine results.

Broken Links and User Trust

Every broken link you encounter on a website is a missed opportunity. Users click with the expectation of finding relevant content, and when a 404 error appears instead, the site’s credibility takes a hit. For gaslamp.org, the audit uncovered several internal and external links that returned errors, potentially driving away both casual visitors and search engine crawlers.

Broken links are a common problem, but their impact is disproportionate. Studies indicate that almost half of users will leave a site after encountering a broken link. Moreover, search engines treat broken links as signals of site neglect, which can negatively affect crawling efficiency and rankings.

Finding these links is easier than you might think. Tools like Screaming Frog, Xenu, or the built‑in audit feature in Google Search Console scan your site for HTTP error codes. They generate a report listing every broken internal link, along with the page that contains it, making it simple to identify patterns - perhaps a recent migration or a content removal that left orphaned references.

Fixing broken internal links is usually a matter of updating or removing the reference. If the linked content has moved, set up a 301 redirect from the old URL to the new location. This preserves link equity and ensures that visitors are directed to the intended content. For links that no longer serve a purpose, delete them entirely to keep the user experience clean.

External broken links are more challenging, as you cannot control their destination. Periodically review the external link catalog - SiteTechnician’s feature for tracking outbound links - to determine whether they still resolve. If a link consistently fails, consider replacing it with a more reliable source or removing it altogether. Even a single high‑traffic broken link can degrade a page’s overall performance.

From an SEO perspective, broken links waste crawl budget, the finite number of pages search engines allocate to visiting your site during each crawl cycle. By reducing broken links, you free up this budget for more valuable content, potentially improving indexing speed and depth.

SiteTechnician’s external link catalog offers a detailed view of every outbound reference, flagging those that return errors. Coupled with a mailto catalog and an updated sitemap, this tool helps maintain a healthy link structure and keeps the site’s authority intact.

In short, broken links erode user trust and harm search performance. Addressing them proactively is a low‑cost, high‑impact maintenance task that keeps gaslamp.org’s digital presence sharp and reliable.

Audit and Recommendations

SiteTechnician’s comprehensive audit goes beyond identifying surface problems; it delivers actionable insights that empower site owners to prioritize fixes effectively. For gaslamp.org, the audit produced eight distinct reports: a detailed sitemap, site statistics, an image catalog, external link catalog, mailto catalog, new pages catalog, old pages catalog, and a meta tag catalog. Each report offers a granular view of specific asset types, making it easier to spot anomalies and plan corrections.

The sitemap, for instance, confirms that every page intended for public access is indexed by search engines. If any pages are missing, the sitemap will list them, allowing quick inclusion in the XML feed. The site statistics report offers a snapshot of traffic, bounce rates, and average session duration, enabling stakeholders to correlate technical changes with user behavior.

The image catalog, paired with the accessibility audit, highlights every image lacking alt text or needing compression. By cross‑referencing the two lists, developers can target high‑impact images - those on landing pages or popular posts - first. Similarly, the meta tag catalog reveals pages missing title or description tags, ensuring that every page has a complete SEO footprint.

The external and mailto catalogs track outbound traffic and contact points. They help identify potentially risky third‑party links and ensure that email addresses are properly formatted for spam‑filter compliance. New and old pages catalogs help maintain content hygiene, ensuring that stale or low‑performance pages are either updated or retired.

Implementing these recommendations involves a staged approach. First, address critical accessibility and performance issues that directly affect user experience. Next, tackle SEO‑related fixes such as missing meta tags and broken links. Finally, refine the site’s content strategy using the new and old pages catalogs to keep the website fresh and relevant.

Once changes are live, continue monitoring via Google Analytics, Search Console, and periodic SiteTechnician audits. This feedback loop ensures that any regressions are caught early, and that the site remains optimized as new content is added.

Beyond the audit, SiteTechnician offers ongoing support, including monthly performance reports and one‑on‑one consultations. If you’d like to receive a similar audit for your own site, visit SiteTechnician and explore their services. For those who value peer input, the Peer Review section showcases a variety of site evaluations from community volunteers. If you’re interested in having your site reviewed, send a message to