Search the Community
Showing results for tags 'accessibility'.
Found 21 results
-
Site URL: https://www.westlakeconsultinggroup.com/ Hello! I am looing to create a custom focus indicator for my client's website to comply with Web Content Accessibility Guidelines. Looking to create an orange or teal focus indicator for users using the tab button to navigate the site. Currently in Chrome there is only a slight dashed black or white outline that I'm hoping to improve upon for accessibly. Any help would be much appreciated, thank you!
-
Site URL: https://www.westlakeconsultinggroup.com/ Hello! I am looing to create a skip link in the header of my client's website to comply with Web Content Accessibility Guidelines. Ideally, the link would be invisible to regular users, but accessible when navigating using the tab button - it would then link to an anchor lower on the site where the main content starts. Any help would be much appreciated, thank you! -
Site URL: https://fossilfueltreaty.org Has anyone successfully added user accessibility controls for website visitors to toggle to a high contrast version of a website, or to increase font size? Hoping to add something similar to the sticky controls on left hand side of https://pwd.org.au/ Any tips or guidance would be appreciated!
-
Site URL: https://chroma.agency So, I'm digging into Accessibility and learning about how to properly structure font headings and paragraphs — however, I quickly realized that most articles and even regulations have no mention of multiple <p> tags on a site... so where do the .sqsrte-large (P1) & .sqsrte-small (P3) tags fall in the scheme of things? I've always used them pretty liberally, as having more styles to work with is usually helpful. But, I certainly don't want to use them if they're negatively affecting accessibility or site crawling by search engines. Any help would be much appreciated. Cheers! -
Hey all, I am currently finishing up a site for a client and the page needs to be able to be tabbed through and read by a text to speech program. The issue I am running into (and the folks running the audit) is that none of the text content is able to accessed by tabbing - which prevents the reader from reading the text out loud. I know that wrapping the content with <div tab index ="0"> content </div> in a code or markup box will make the text tab-able, but unfortunately this means that all site content will have to be added via code or markup box, which defeats the reason for building a squarespace site (so the client can easily edit content.) Is there a way to add this with custom css by targeting all text blocks, a plugin, or am I missing something stupidly simple? TA!
-
Site URL: https://www.thewillowherbreview.com I'm trying to figure out how to format a number of really structurally complicated poems—with non-standard spacing—so that they work across both desktops and mobile styles while retaining the exact spacing and line breaks. Many people would revert to posting complicated poems like this in image format, but then it makes the site inaccessible to screenreaders. Is there a workaround where I can turn off mobile style for just the pages of these poems, while keeping the rest of my site mobile friendly? Any tips would be so appreciated! -
Alt text / image descriptions for parallax images in Brine
nicolole_s posted a question in Coding and Customization
Site URL: http://audiodescriber.com Hey, I just switched to the Brine template and I am trying to add alt text / image descriptions for my parallax headers. All the tutorials seem to focus on individual images v. the headers themselves. If someone has any tips, please let me know. Thank you, Nicole -
I am looking to do a "soft opening" on an ecommerce site to prove my product's viability on a small scale. Is it possible to have an ecommerce store and to limit access to my site exclusively to those that I give some sort of permission? In other words, a customer contacts me directly, and I give them the key to my site. Is this possible? Any advice will be greatly appreciated. Thank you!
-
Site URL: https://scribelytribe.com I'm using the Image "Collage" design on a few pages of my site. I noticed that the Title field in the text block cannot be tagged as a Header. This is causing an accessibility alert with the WAVE Accessibility Checker Tool. Any manual work around for this? I'm concerned this will cause navigation issues as people with disabilities move through my site using a screen reader. Also, I want my site to be WCAG 2.0 AA compliant. This is not possible without proper tagging.
-
I checked my site's WCAG compliance using the WAVE Accessibility Tool and I am getting errors on every page for the social links in the Footer. The error is: "Empty Link: A link contains no text". I believe the code should identify the link as Twitter, Instagram, Mail, etc. so people with disabilities using screen readers know what they are clicking on. I was told by Squarespace Technical Support that there is not currently a solution in place for this. I was told I would need to upgrade my subscription and manually fix the code. I was surprised about this response. Social Links are a standard block tool and I imagine they are used quite a bit. Does anyone know if Squarespace is working on a solution to ensure that this block meets accessibility standards? Or is there a workaround that does not require upgrading my subscription? Thanks for the help.
-
Making menu icon accessible on Foundry template
SarahHayden posted a question in Coding and Customization
Site URL: http://www.voicesinthegallery.com Hello, I'm new to squarespace and have a very simple site, which needs to be accessible to people using assistive technologies. However, a user recently alerted me to the fact that while I can add alt text on images, there's no readable text attached to the menu icon, making it impossible for him to access the menu of pages and, as a result, to navigate around the site beyond the landing page. I've spoken to a helpful person in Customer Care who recommended that I seek out some custom CSS here. I'd be really grateful if any of you might be able to suggest what I should do. And, apologetically, should point out that I have absolutely no coding skills. Sorry! Many thanks in advance, Sarah -
Site URL: https://scribelytribe.com I checked my website using the WAVE Web Aim Accessibility Tool and am getting errors for a few of the mobile features. These errors are showing up on every page of my site. First, the "Mobile-bar-search" has an "empty link" error. Second, the "Mobile-bar-menu" and "Mobile-overlay-close" are showing an error for "Empty Button". I'm concerned this will impact users' ability to navigate my site on the Desktop and Mobile version. Anyone know how to resolve these errors?
-
Hi, I'm trying to improve my accessibility scores, and my audit is flagging up the following issues (see images 1 & 2). The "links do not have a discernible name" is point to the images in image 3, attached below. My website is johnbristoltherapy.co.uk. I have tried to change the name of the images in the content box, but it's not having an impact. And I can't find a way to edit the mobile menu button. Any help greatly appreciated! -
How can I modify the page header to remove the search icon and make the navigation menu accessible to WCAG 2.0 standards? I'm building a website for a research lab associated with a University and we need to make sure the site meets WCAG 2.0 standards. These two elements of the page are not compliant but I'm not seeing any way to modify them. Are these issues known to squarespace and are they on your development plan to address? If so, what is the expected timeline for that? Thanks! Jill
-
Buttons do not have an accessible name When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers -
Make Brine Folder Navigation Keyboard Accessible
SJSchaidt posted a question in Coding and Customization
I am working with the Brine Template and want to make the navigation elements within the Header-nav-folder accessible via keyboard. Today, I am able to tab through these links; however, because the menu only expands upon hover of the parent folder, a user is unable to see that they are navigating through a sub-menu. This causes a huge accessibility problem for keyboard-only users. I couldn't find anything in the CSS that triggers this onHover for me to add an onFocus event handler, so I'm a bit stuck as to how to make this appear without the use of a mouse. Any help is appreciated! URL: www.lftphi.com- 1 reply
-
- 1
-
-
- accessibility
- brine-template
- (and 1 more)
-
I am trying to set the alt text on an image to be blank. So far I have tried ... leaving the caption empty and turning the caption off (This leads to the image name as the alt text) setting the caption to a bunch of spaces and then turned the caption off. (this leads to the image name as the alt text) Anyone have other ideas?
-
Hello I need to add a a pixel tag on my website. But I need access to "orderTaxTotal" and "orderShippingTotal" to track orders on the confirmation page (code injection). Can you help me ? thank you
-
Can I modify the dropdown menu code for accessibility?
kgrahamsb posted a question in Coding and Customization
Hi there, Our business has been threatened with a lawsuit unless we upgrade our website to W3C standards for ADA compliance. I have managed to make all of the fixes required thus far via my limited coding skills or work arounds. I also downloaded a great (and free!) accessibility widget that seems to offer a lot of nice functionality. However, the dropdown menus in my product pages still can not be read by an e-reader and I can not figure out how or where to add custom code to modify them. I have found the code required but despite having gone into developer mode, I don't see where to inject this code in order to modify the drop downs and make them compliant. Has anyone else done this or can they point me to the right place? Or is this simply not doable on the Squarespace platform? Any thoughts or advice are welcome. -
Does anyone know how to add "title" attribute to the inline images on the Squarespace template? Seems these attributes are completely missing and are needed to improve image accessibility,
-
Making search icon (magnifying glass) accessible?
Jessica_C posted a question in Coding and Customization
There's no alt text or other label associated with the search icon, so screen reader software (I tested with NVDA) announces it as 'button'. Can anyone please help me figure out how to add in alt text - or similar, I'm open to other options - so that screen reader users can find and use the search tool on my site? (I want to avoid using one of the search style options that adds the word search on the screen - it not only dwarfs the rest of our navigation, but search appears to be placeholder text, so that wouldn't really resolve the screen reader issue.)
