Accessibility issues detected on portsmouthbrewery.com
Evolize inspected 5 publicly accessible pages on portsmouthbrewery.com and detected 72 automatically identifiable accessibility findings. 25 findings were classified as critical or high priority. The findings map to 13 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, form fields are missing labels, page has no main landmark.
72findings detected
25critical + high
5pages inspected
13 Aug 2026assessed
Independent public assessment. portsmouthbrewery.com is not necessarily affiliated with or a customer of Evolize.
01 · Accessibility summary
Evolize inspected 5 publicly accessible pages on portsmouthbrewery.com and detected 72 automatically identifiable accessibility findings. 25 findings were classified as critical or high priority. The findings map to 13 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, form fields are missing labels, page has no main landmark.
02 · Priority findings
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Links lack accessible text
03 · WCAG criteria affected
| Criterion | Name | Level | Findings | Pages |
|---|---|---|---|---|
| 1.4.3 | Contrast (Minimum) | AA | 34 | 3 |
| 2.4.4 | Link Purpose (In Context) | A | 17 | 3 |
| 1.3.1 | Info and Relationships | A | 5 | 5 |
| 2.5.8 | Target Size (Minimum) | AA | 5 | 3 |
| 1.1.1 | Non-text Content | A | 3 | 1 |
| 2.4.3 | Focus Order | A | 3 | 3 |
| 3.3.2 | Labels or Instructions | A | 2 | 2 |
| 1.4.4 | Resize Text | AA | 1 | 3 |
| 2.1.1 | Keyboard | A | 1 | 3 |
| 2.2.2 | Pause, Stop, Hide | A | 1 | 3 |
| 2.4.2 | Page Titled | A | 1 | 2 |
| 3.1.1 | Language of Page | A | 1 | 2 |
| 4.1.2 | Name, Role, Value | A | 1 | 1 |
Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.
Continuous monitoring
A scan shows today's exposure. Monitoring shows what changes next.
Evolize continuously rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.
04 · All detected findings
Critical
Links lack accessible text
ComponentRef DWG1M0
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/Element
.widget-social > a[target="_blank"]:nth-child(1)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to these links, or use 'aria-label' attributes to provide a description of the link destination for screen readers.
ComponentRef GTU5NU
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/Element
.product-item.col-four:nth-child(1) > aAccessible name<img src="https://portsmouthbrewery.com/wp-content/uploads/2020/12/SQ-Black-LS-Logo-Tee.jpg" border="0" />
Markup
<a href="https://the-portsmouth-brewery.myshopify.com/products/black-long-sleeve-logo-tee">
How to fixAdd alternative text to the images within the links, or provide a text description of the link's purpose nearby.
ComponentRef EV7BZI
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/Element
.footer-social > a[target="_blank"]:nth-child(3)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to these links, even if it's just a simple description like 'Facebook' or 'Twitter', and make sure it's visible to screen readers. Alternatively, use 'aria-label' or 'aria-labelledby' attributes to provide a text description for screen readers.
ComponentRef J87I54
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/Element
li:nth-child(2) > a[target="_blank"]Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to these links that describes their destination, or use the 'aria-label' attribute to provide a text description for screen readers.
ComponentRef PGT7HB
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/contact-us/Element
.widget-social > a[target="_blank"]:nth-child(1)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to these links, or use 'aria-label' attributes to provide a description of the link destination for screen readers.
ComponentRef 5LXUCA
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/Element
.social-icon.icon-twitter[href$="portsbrew"]Markup
<a href="https://twitter.com/portsbrew" target="_blank" class="social-icon icon-twitter"></a>
How to fixAdd text to these links, or use the 'aria-label' attribute to provide a text description of the link's purpose.
ComponentRef SQE1U7
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/contact-us/Element
li:nth-child(2) > a[href$="portsbrew"][target="_blank"]Markup
<a href="https://twitter.com/portsbrew" target="_blank"><span class="icon-twitter"></span></a>
How to fixAdd text to these links that describes their purpose, or use the 'aria-label' attribute to provide a text description for screen readers.
ComponentRef AD11EH
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/contact-us/Element
.footer-social > a[target="_blank"]:nth-child(3)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to these links, or use aria-label/aria-labelledby attributes to provide a text description of the link's purpose.
ComponentRef YZ3JCW
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.widget-social > a[target="_blank"]:nth-child(1)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to these links, even if it's just a simple description like 'Facebook' or 'Twitter', or use the 'aria-label' attribute to provide a text description for screen readers.
ComponentRef VYKTC6
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.footer-social > a[target="_blank"]:nth-child(3)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to these links, even if it's just a simple description like 'Facebook' or 'Twitter', and make sure it's visible to screen readers. Alternatively, use 'aria-label' or 'aria-labelledby' attributes to provide a text description for screen readers.
ComponentRef W8D52O
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
li:nth-child(2) > a[href$="portsbrew"][target="_blank"]Markup
<a href="https://twitter.com/portsbrew" target="_blank"><span class="icon-twitter"></span></a>
How to fixAdd text to these links that describes their purpose, or use the 'aria-label' attribute to provide a text description for screen readers.
ComponentRef 1RCUVF
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/Element
.laponza-specialMarkup
<a href="https://portsmouthbrewery.com/the-premises/the-jimmy-lapanza-lounge/#weekly-specials" class="laponza-special"> </a>
How to fixAdd descriptive text to the link, such as 'Weekly Specials in the Jimmy LaPanza Lounge', or use an aria-label attribute if the text can't be displayed visually
ComponentRef 8GTRC6
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/Element
.heading.center-text > aAccessible name<img src="https://portsmouthbrewery.com/wp-content/themes/portsbrew/images/see-whats-happening.png" border="0" />
Markup
<a href="https://portsmouthbrewery.com/whats-happening/">
How to fixAdd alternative text to the image inside the link, or replace the image with text that describes the link's purpose.
ComponentRef LNOMV4
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/contact-us/Element
.utility-nav > li:nth-child(1) > a[target="_blank"]Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to the link, such as 'Facebook', or provide an alternative way for screen readers to announce the link's purpose.
ComponentRef VFRGFS
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.whats-happening-header > aMarkup
<a href="https://portsmouthbrewery.com/whats-happening/blog/"><img src="https://portsmouthbrewery.com/wp-content/themes/portsbrew/images/headline-whatshappening-yellow.png" alt="" title="" border="0"></a>
How to fixAdd alternative text to the image inside the link, or provide another way to convey the link's purpose, like using ARIA attributes.
ComponentRef YABG1R
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.utility-nav > li:nth-child(1) > a[target="_blank"]Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixAdd text to the link, such as 'Follow us on Facebook', or provide an alternative text using 'aria-label' attribute, e.g., <a href='...' aria-label='Follow us on Facebook'><span class='icon-facebook'></span></a>.
ComponentRef VXP17Q
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
#whats-on-tap > aMarkup
<a href="https://portsmouthbrewery.com/beer-food/whats-on-tap/"><img src="https://portsmouthbrewery.com/wp-content/themes/portsbrew/images/cta-whats-on-tap.png" alt="" title=""> </a>
How to fixAdd alternative text to the image inside the link, or provide another way for screen readers to announce the link's purpose.
Critical
Form fields are missing labels
ComponentRef WKN7AS
Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Affected page
https://portsmouthbrewery.com/contact-us/Element
.wpforms-recaptcha-hiddenMarkup
<input type="text" name="g-recaptcha-hidden" class="wpforms-recaptcha-hidden" style="position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;" data-rule-hcaptcha="1">
How to fixAdd a label to the form input field using the 'label' HTML element or the 'aria-label' attribute, ensuring that the label is programmatically associated with the input field.
High
Page has no main landmark
ComponentRef PL0GB0
No <main> or role=main region is present, so screen reader users cannot jump to primary content.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
html > bodyAccessible nameDirections
Shop
CartShop
Map
Call
About
Contact Us
What’s Up
Brewery News
Open Everyday11:30am - 12:25am
#PortsmouthBrewery
Directions
603-431-1115
Portsmouth BreweryOPEN 11:30am - 12:25amEveryday
<img src="https://portsmouthbrewery.com/wp-content/uploads/2013/11/cta-widget-beers.jpg" alt="">
<img src="https://portsmouthbrewery.com/wp-content/uploads/2013/11/cta-widget-store.jpg" alt="">
Raise your glass!We're proud to have served you for 32 years.Thanks for your support.
Raise your glass!We're proud to have served you for 32 years.Thanks for your support.
#PortsmouthBrewery
follow us on instagram
#PortsmouthBrewery
On The Cask
No posts to display
Dad Reflex American Lager 4.4%
Switchback Ale 5%
Allagash White 5.2%
…[truncated by Evolize: exceeded D1 value limit]
Markup
<body class="archive category category-on-the-cask category-6 wp-theme-portsbrew">
<div id="header">
<div class="center clearfix">
<ul class="utility-nav">
<li><a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a></li>
<li><a href="https://twitter.com/portsbrew" target="_blank"><span class="icon-twitter"></span></a></li>
<li><a href="https://instagram.com/portsmouthbrewery" target="_blank"><span class="icon-instagram"></span></a></li>
<li><a href="https://portsmouthbrewery.com/about-us/directions"> Directions&nb…How to fixAdd a <main> element or an element with a role of 'main' to the page to define the primary content area. This will allow screen reader users to jump directly to the main content.
Affected pages
/ /about-us/directions /about-us/faqs /contact-us /category/on-the-caskHigh
Hidden elements can still receive keyboard focus
ComponentRef LF48VL
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
div:nth-of-type(2) > div > div > div > div:nth-of-type(2) > a:nth-of-type(1)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixTo fix this issue, ensure that all focusable elements are visible or remove them from the tab order if they are not meant to be interacted with. This can be achieved by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to hide the element from both screen readers and sighted users.
Affected pages
/ /contact-us /category/on-the-caskComponentRef 5SIHWK
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
div#header > div:nth-of-type(2) > div > ul > li:nth-of-type(1) > aAccessible nameMap
Markup
<a href="https://www.google.com/maps/place/The+Portsmouth+Brewery/@43.077961,-70.757615,19z/data=!4m2!3m1!1s0x89e2bf0c1a9d397b:0x2831df19d2764f6e" target="_blank"><span class="icon-location"></span> <small>Map</small></a>
How to fixTo fix this issue, ensure that all focusable elements are visible to sighted users. If an element is not meant to be interacted with, remove it from the tab order or make it visible when focused.
Affected pages
/ /contact-us /category/on-the-caskComponentRef QAIPA6
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://portsmouthbrewery.com/Element
html > body > div:nth-of-type(8) > div > div:nth-of-type(2) > aMarkup
<a href="https://portsmouthbrewery.com/the-premises/the-jimmy-lapanza-lounge/#weekly-specials" class="laponza-special"> </a>
How to fixTo fix this issue, either remove the link from the tab order by setting 'tabindex=-1' or make the link's contents visible when it receives focus. Alternatively, consider removing the link altogether if it serves no purpose.
High
Zooming and scaling must not be disabled
ComponentRef 8JRV3W
Zooming and scaling must not be disabled
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
meta[name="viewport"]Markup
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
How to fixRemove 'user-scalable=no' from the meta viewport tag to allow users to zoom and scale the page.
Affected pages
/ /contact-us /category/on-the-caskHigh
Images lack text alternatives
ComponentRef JUGA3D
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://portsmouthbrewery.com/Element
.product-item.col-four:nth-child(1) > a > img[border="0"]Markup
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" border="0" data-lazy-src="https://portsmouthbrewery.com/wp-content/uploads/2020/12/SQ-Black-LS-Logo-Tee.jpg">
How to fixAdd an 'alt' attribute to the image tag with a brief description of the image content, such as 'Black Long Sleeve Logo Tee'. If the image is decorative, use an empty 'alt' attribute, like 'alt='''.
ComponentRef 16CK5E
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://portsmouthbrewery.com/Element
.wassap-girlsMarkup
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" border="0" class="mobile-remove wassap-girls" data-lazy-src="https://portsmouthbrewery.com/wp-content/themes/portsbrew/images/pint-glass-gals.png">
How to fixAdd an alt attribute to the image element with a descriptive text that conveys the image's meaning, or use an empty alt attribute (alt="") if the image is purely decorative.
ComponentRef YQK2T1
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://portsmouthbrewery.com/Element
.heading.center-text > a > img[border="0"]Markup
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" border="0" data-lazy-src="https://portsmouthbrewery.com/wp-content/themes/portsbrew/images/see-whats-happening.png">
How to fixAdd an alt attribute to the image with a brief description of the image's content or purpose. For example: <img src='...' alt='See what's happening at Portsmouth Brewery'>
Medium
Page has no level-one heading
ComponentRef SGXSNF
The page exposes no <h1>, so its topic is not conveyed in the heading structure.
Affected page
https://portsmouthbrewery.com/about-us/directionsElement
html > bodyAccessible name404 Not Found. We can not find the page you are looking for.
Markup
<body>404 Not Found. We can not find the page you are looking for.</body>
How to fixAdd a level-one heading (h1) to the page that accurately describes its main topic. This heading should be the first heading on the page and should be descriptive of the page's content.
Affected pages
/ /about-us/directions /about-us/faqsMedium
Page language is not declared
ComponentRef 8TUJIZ
The document has no lang attribute, so assistive technology cannot select the correct pronunciation.
Affected page
https://portsmouthbrewery.com/about-us/directionsElement
htmlAccessible name404 Not Found. We can not find the page you are looking for.
Markup
<html><head></head><body>404 Not Found. We can not find the page you are looking for.</body></html>
How to fixAdd a lang attribute to the html element, for example: <html lang='en'>, replacing 'en' with the appropriate language code for the page's content.
Affected pages
/about-us/directions /about-us/faqsMedium
Page has no title
ComponentRef 1VNKCA
The document has no <title>, so users cannot identify the page in tabs, history, or bookmarks.
Affected page
https://portsmouthbrewery.com/about-us/directionsElement
htmlAccessible name404 Not Found. We can not find the page you are looking for.
Markup
<html><head></head><body>404 Not Found. We can not find the page you are looking for.</body></html>
How to fixAdd a title element to the HTML head section, e.g., <title>Page Title</title>, to provide a clear and descriptive title for the page.
Affected pages
/about-us/directions /about-us/faqsMedium
Touch targets are too small
ComponentRef ITPCTO
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.footer-social > a[target="_blank"]:nth-child(3)Markup
<a href="https://www.facebook.com/Portsmouthbrewery" target="_blank"><span class="icon-facebook"></span></a>
How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24 pixels or provide sufficient space around them to meet this requirement.
Affected pages
/ /contact-us /category/on-the-caskComponentRef EFD6GZ
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.fontsplosion > li:nth-child(1) > aAccessible nameDad Reflex American Lager 4.4%
Markup
<a href="https://portsmouthbrewery.com/beer-food/whats-on-tap/#dad-reflex-american-lager">Dad Reflex American Lager 4.4%</a>
How to fixIncrease the size of the interactive elements to at least 24x24 pixels or ensure there is sufficient space around them to make them easier to tap.
ComponentRef EXAFYQ
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.white.small.lilita > aAccessible name#PortsmouthBrewery
Markup
<a href="https://instagram.com/portsmouthbrewery">#PortsmouthBrewery</a>
How to fixIncrease the size of the touch target to at least 24x24px or ensure that there is sufficient space around the link to make it easier to activate.
ComponentRef RKUROA
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
li:nth-child(7) > aAccessible nameDirty Blonde Ale 4.5%
Markup
<a href="https://portsmouthbrewery.com/beer-food/whats-on-tap/#dirty-blonde-ale">Dirty Blonde Ale 4.5%</a>
How to fixIncrease the size of the link to at least 24x24 pixels or ensure there is sufficient space around it to meet the minimum target size requirement.
ComponentRef 95K7KT
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.bitter.white.small > aAccessible namefollow us on instagram
Markup
<a href="https://instagram.com/portsmouthbrewery"><span class="icon-instagram"></span> follow us on instagram</a>
How to fixIncrease the size of the touch target to at least 24x24 pixels, or ensure there is sufficient space around the link to make it easier to activate.
Medium
Carousel has no accessible controls
ComponentRef 9P7IHP
A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
div#cta-widgetAccessible name<img src="https://portsmouthbrewery.com/wp-content/uploads/2013/11/cta-widget-beers.jpg" alt="">
<img src="https://portsmouthbrewery.com/wp-content/uploads/2013/11/cta-widget-store.jpg" alt="">
Markup
<div id="cta-widget" class="cycle-slideshow" data-cycle-slides="> div" data-cycle-fx="scrollHorz" data-cycle-speed="400" data-cycle-timeout="5000" data-cycle-pager=".cta-widget-text-nav, .cta-widget-dot-nav"><div class="slide cycle-slide cycle-sentinel" data-cycle-pager-template="<div class='widget-nav-item'>Raise your glass!</div>" style="position: static; top: 0px; left: 0px; z-index: 100; opacity: 1; display: block; visibility: hidden;"> <img src="https://portsmouthbrewery.com/wp-content/uploads/2013/11/cta-widget-food.jpg" alt="" style="visibility: hidden;"> </div> …
How to fixAdd accessible controls to the carousel, such as previous, next, and pause buttons, and ensure they are reachable via keyboard navigation. Consider using ARIA attributes to enhance accessibility for screen reader users.
Affected pages
/ /contact-us /category/on-the-caskMedium
Text has insufficient colour contrast
ComponentRef 9WNVI7
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.shop-btn > aAccessible nameShop
Markup
<a href="https://the-portsmouth-brewery.myshopify.com/"> Shop </a>
How to fixIncrease the contrast between the text color and background color of the 'Shop' link by using a color with a higher contrast ratio, such as a darker or lighter shade.
Affected pages
/ /contact-us /category/on-the-caskComponentRef 5N8P3L
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.space-right > p:nth-child(1)Accessible nameHeadquarters
Markup
<p>Headquarters</p>
How to fixIncrease the contrast between the text and background colors by using a higher contrast color scheme or adding a background image or texture that provides sufficient contrast.
Affected pages
/ /contact-us /category/on-the-caskComponentRef PABYLN
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.taglineAccessible nameNew Hampshire's Original Craft Brewery, Serving All Types from 1991 to 2023!
Markup
<span class="tagline">New Hampshire's Original Craft Brewery, Serving All Types from 1991 to 2023!</span>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add a background image or texture to improve readability.
Affected pages
/ /contact-us /category/on-the-caskComponentRef GNQLAI
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
#menu-main-navigation-1 > .menu-item-46.menu-item-has-children.menu-item-type-post_type > .sub-menu > .menu-item-type-taxonomy.menu-item-object-category.menu-item-11730 > aAccessible nameBrewery News
Markup
<a href="https://portsmouthbrewery.com/category/brewery-news/">Brewery News</a>
How to fixIncrease the contrast between the text color and background color of the link to meet the minimum contrast ratio thresholds, such as using a darker or lighter color for the text or background.
Affected pages
/ /contact-us /category/on-the-caskComponentRef HK5NVA
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
#menu-main-navigation-1 > .menu-item-46.menu-item-has-children.menu-item-type-post_type > aAccessible nameWhat’s Up
Markup
<a href="https://portsmouthbrewery.com/?page_id=26">What’s Up</a>
How to fixIncrease the contrast between the text color and background color of the navigation link to meet the minimum contrast ratio thresholds.
Affected pages
/ /contact-us /category/on-the-caskComponentRef J1ARXT
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
li:nth-child(7) > aAccessible nameDirty Blonde Ale 4.5%
Markup
<a href="https://portsmouthbrewery.com/beer-food/whats-on-tap/#dirty-blonde-ale">Dirty Blonde Ale 4.5%</a>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add a background image or texture to improve readability.
Affected pages
/ /contact-us /category/on-the-caskComponentRef XH852S
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
strongAccessible nameOur Hours
Markup
<strong>Our Hours</strong>
How to fixAdjust the color of the text or its background to meet the minimum contrast ratio of 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
Affected pages
/ /contact-us /category/on-the-caskComponentRef DIE74M
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
a[href$="#signup"]Accessible nameBeer News Signup
Markup
<a href="#signup" class="cta">Beer News Signup</a>
How to fixIncrease the contrast between the text color and background color of the link by using a darker or lighter shade, or add a background image or outline to improve readability.
ComponentRef PQGZ0J
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
#menu-main-navigation-1 > .menu-item-35.menu-item-has-children.menu-item-type-post_type > .sub-menu > .menu-item-1913.menu-item-type-post_type.menu-item-object-page > aAccessible nameContact Us
Markup
<a href="https://portsmouthbrewery.com/contact-us/">Contact Us</a>
How to fixIncrease the contrast between the text color and background color of the 'Contact Us' link to meet the minimum contrast ratio thresholds.
Affected pages
/ /category/on-the-caskComponentRef OEQ45K
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.fontsplosion > li:nth-child(1) > aAccessible nameDad Reflex American Lager 4.4%
Markup
<a href="https://portsmouthbrewery.com/beer-food/whats-on-tap/#dad-reflex-american-lager">Dad Reflex American Lager 4.4%</a>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture to improve readability.
Affected pages
/ /category/on-the-caskComponentRef ZPOMY8
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.brownAccessible name#PortsmouthBrewery
Markup
<span class="lilita brown small">#PortsmouthBrewery</span>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or overlay to improve readability.
Affected pages
/contact-us /category/on-the-caskComponentRef EQG4ZD
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
#menu-main-navigation-1 > .menu-item-35.menu-item-has-children.menu-item-type-post_type > aAccessible nameAbout
Markup
<a href="https://portsmouthbrewery.com/about-us/">About</a>
How to fixIncrease the contrast between the text color and background color of the 'About' link by using a color with a higher contrast ratio, such as a darker or lighter shade.
Affected pages
/ /category/on-the-caskComponentRef Y2TKVT
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.more-beer-list > ul > li:nth-child(1) > aAccessible nameAllagash White
Markup
<a href="https://portsmouthbrewery.com/beer-food/whats-on-tap/#allagash-white">Allagash White</a>
How to fixIncrease the contrast between the text color and background color of the link by using a darker or lighter color for the text or background, respectively.
ComponentRef 8D8SR9
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.product-item.col-four:nth-child(1) > p > .price.brown.lilitaAccessible name$25
Markup
<span class="lilita brown price">$25</span>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add an outline to the text to improve readability.
ComponentRef DLAD92
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.product-item.col-four:nth-child(1) > p > .store-button:nth-child(4)Accessible nameLearn More
Markup
<a class="store-button" href="https://the-portsmouth-brewery.myshopify.com/products/black-long-sleeve-logo-tee">Learn More</a>
How to fixIncrease the contrast between the text color and background color of the 'Learn More' link to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef GRSBQ8
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.product-item.col-four:nth-child(1) > pAccessible nameWear your Portsmouth Brewery logo tee with pride. And don't forget, we serve all types, even yours.
$25
Learn More Add to Cart
Markup
<p>
How to fixIncrease the contrast between the text and background colors by using a color combination that meets the minimum contrast ratio requirements, such as using a darker or lighter background color, or a more vibrant text color.
ComponentRef JG4B9B
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.product-item.col-four:nth-child(1) > h3Accessible nameLong Sleeve Logo Tee. Black, in Women's and Men's Sizes.
Markup
<h3 class="lilita brown">Long Sleeve Logo Tee. Black, in Women's and Men's Sizes.</h3>
How to fixIncrease the contrast between the text and background colors by using a color with sufficient lightness difference. Consider using a tool to check the contrast ratio and adjust the colors accordingly.
ComponentRef GRE6R2
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
h2:nth-child(2) > span:nth-child(1)Accessible nameDear friends,
Markup
<span style="font-size: 1.5em; color: #ffffff;">Dear friends,</span>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or overlay to improve readability.
ComponentRef M7QJ4X
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.whats-next > h3Accessible nameWhat's Up Next?
Markup
<h3 class="lilita">What's Up Next?</h3>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. This can be achieved by using a color contrast analyzer tool to find suitable colors.
ComponentRef KWELQ5
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.lined-header > .lilitaAccessible nameThe Premises
Markup
<span class="lilita">The Premises</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
ComponentRef MACJ59
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.more-beer-list > .yellowAccessible nameGuest Beers
Markup
<h3 class="lilita yellow">Guest Beers</h3>
How to fixAdjust the color of the text or its background to meet the minimum contrast ratio requirements, or provide an alternative way for users to access the information.
ComponentRef 5A5RBK
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.home-banner-caption > h2:nth-child(1) > spanAccessible nameIt’s March, 2024, and, sadly, we are still closed…
Markup
<span style="font-size: 1.75em; color: #ffffff;">It’s March, 2024, and, sadly, we are still closed…</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade, or add a background image or texture to improve readability.
ComponentRef 1P1YT1
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/contact-us/Element
#menu-main-navigation-1 > .current-menu-ancestor.current-menu-parent.current_page_parent > aAccessible nameAbout
Markup
<a href="https://portsmouthbrewery.com/about-us/">About</a>
How to fixIncrease the contrast between the text color and background color of the navigation link to meet the minimum contrast ratio thresholds.
ComponentRef C3RN9V
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/contact-us/Element
#menu-main-navigation-1 > .current-menu-ancestor.current-menu-parent.current_page_parent > .sub-menu > .current-menu-item.page_item.page-item-69 > a[aria-current="page"]Accessible nameContact Us
Markup
<a href="https://portsmouthbrewery.com/contact-us/" aria-current="page">Contact Us</a>
How to fixIncrease the contrast between the text color and background color of the 'Contact Us' link to meet the minimum contrast ratio thresholds.
ComponentRef WYLO8C
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
li:nth-child(1) > .lilitaAccessible nameOpen Everyday 11:30AM - 12:25AM
Markup
<span class="lilita">Open Everyday 11:30AM - 12:25AM</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
ComponentRef KTUPO3
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/contact-us/Element
emAccessible nameCheers
Markup
<em style="color:#2F1E19; font-size:1.7em; position:relative; left:-25%;font-family: lavanderia, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:none;">Cheers</em>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as changing the text color to a darker or lighter shade.
ComponentRef 3OJS4L
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.hashAccessible name#PortsmouthBrewery
Markup
<a href="#PortsmouthBrewery" class="hash">#PortsmouthBrewery</a>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture to improve readability.
ComponentRef ML9NWM
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.small.brown.lilitaAccessible name#PortsmouthBrewery
Markup
<span class="lilita brown small">#PortsmouthBrewery</span>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add an outline to the text to improve readability.
ComponentRef TF0Y37
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.whats-next > pAccessible nameCheck out what our brewers have in the works.
Markup
<p>Check out what our brewers have in the works.</p>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter background, or a more vibrant text color, to meet the minimum contrast ratio of 4.5:1 for normal text.
ComponentRef 9BSMTY
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/Element
.in-house-list > .yellowAccessible nameBrewed In House
Markup
<h3 class="lilita yellow">Brewed In House</h3>
How to fixIncrease the contrast between the text color and its background by adjusting the CSS styles for the '.lilita yellow' class, ensuring the contrast ratio meets the minimum requirements.
ComponentRef MB2NI6
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
.utility-nav > li:nth-child(4) > aAccessible nameDirections
Markup
<a href="https://portsmouthbrewery.com/about-us/directions"> Directions </a>
How to fixIncrease the contrast between the text color and background color of the 'Directions' link to meet the minimum contrast ratio thresholds as defined by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef 2K476J
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
h3Accessible nameFrom the Blog
Markup
<h3 class="yellow lilita">From the Blog</h3>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or by adding a background image or texture that provides sufficient contrast.
ComponentRef K16X9J
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
a[aria-current="page"]Accessible nameOn The Cask
Markup
<a aria-current="page" href="https://portsmouthbrewery.com/category/on-the-cask/">On The Cask</a>
How to fixIncrease the contrast between the text color and background color to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef A815WO
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
#container > h2Accessible nameNo posts to display
Markup
<h2>No posts to display</h2>
How to fixAdjust the colors of the text and background to meet the minimum contrast ratio of 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
Medium
Form fields use placeholder text as the only label
ComponentRef BRFP7P
Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.
Affected page
https://portsmouthbrewery.com/category/on-the-cask/Element
input#sMarkup
<input type="search" class="field" name="s" value="" id="s" placeholder="Search …">
How to fixAdd a visible label to the form field, either as a separate text element or using the 'label' HTML element with a 'for' attribute matching the field's 'id'. Ensure the label remains visible even when the user interacts with the field.
Low
Content sits outside any landmark region
ComponentRef LBTKKS
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Affected page
https://portsmouthbrewery.com/Element
div#header > div:nth-of-type(1) > ul > li:nth-of-type(1)Accessible nameOpen Everyday 11:30AM - 12:25AM
Markup
<li><span class="lilita">Open Everyday 11:30AM - 12:25AM</span> </li>
How to fixWrap the content in a landmark region such as a <header>, <nav>, <main>, <footer>, or <aside> to ensure it is reachable via landmark navigation. For example, the 'Open Everyday 11:30AM - 12:25AM' text could be placed within a <footer> or an <aside> element.
Affected pages
/ /contact-usLow
Form field must not have multiple label elements
ComponentRef 5A1BCQ
Form field must not have multiple label elements
Affected page
https://portsmouthbrewery.com/contact-us/Element
#wpforms-12067-field_1Markup
<input type="text" id="wpforms-12067-field_1" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][1][first]" required="">
How to fixEnsure that each form field has only one label element. Remove or merge duplicate labels to provide a clear and consistent description of the field's purpose.
05 · Pages inspected
06 · About this assessment
Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.
- Publicly accessible surfaces only — no credentials, private systems, or source-code access.
- Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
- Results reflect the site at the scan date and may have changed since.
Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment
07 · Continuous monitoring
This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.
Is information in this report inaccurate or outdated? Request a correction or removal.