Atlantic Business Technologies, Inc.

Category: Accessibility

  • Maintain an accessible website in 2024

    Maintain an accessible website in 2024

    Your probably do not have an accessible website

    Making your website accessible to all users is more important than ever. Despite this, over 96% of the world’s top one million web pages fall short of website accessibility standards, leaving a significant portion of the global population unable to fully engage with online content. Creating inclusive online environments is not just a moral obligation but also a legal requirement in many regions. In 2024, the new European Accessibility Act (EAA) and the Web Content Accessibility Guidelines (WCAG) 2.2 updates set the standards for making digital content accessible. By embracing website accessibility, you can enhance usability, expand your user base, and comply with international regulations.

    Why make your website accessible?

    Designing for accessibility isn’t just about compliance; it’s about inclusivity and ensuring that everyone can use and benefit from your website. According to the World Health Organization, 16% of the world’s population, or 1 in 6 people, experience significant disability. In the United States, the Centers for Disease Control and Prevention (CDC) reports that 1 in 4 people, or 27%, have a disability. Given these statistics, it’s clear that accessibility is a critical consideration.

    Everyone will experience a temporary or permanent disability at some point in their life. Whether it’s a broken arm, age-related impairments, or situational disabilities like a noisy environment, designing for website accessibility ensures that your website remains usable for a wide range of users.

    Key Takeaway: Creating accessible designs means you expand your user base and increase usability for everyone!

    Who needs an accessible website under the law?

    In the United States, the Americans with Disabilities Act (ADA) mandates that state and local governments must be accessible under Title I. Additionally, any business open to the public must comply under Title III. This includes a wide range of entities:

    • State and Local Government: All government websites and digital services must be accessible. 
    • Private companies funded by the government: These entities are required to ensure their digital presence is accessible. 
    • Airlines: The Department of Transportation Rule #2 requires airline websites and automated kiosks at U.S. airports to be accessible to passengers with disabilities. 
    • Universities: The ADA mandates that educational institutions provide equal access to their programs, services, and activities for students, faculty and visitors with disabilities. This includes making college websites user-friendly so everyone can access essential information and resources without barriers. 

    Websites are increasingly becoming accepted as public spaces, and thus, must be accessible to comply with the ADA.. Public websites may include those for:

    • Retail
    • Restaurants
    • Hotels, Inns, and Motels
    • Hospitals and Medical Offices
    • Banks
    • Theaters and Sports Arenas

    European Accessibility Act (EAA)

    The European Accessibility Act (EAA) is a significant piece of legislation that aims to improve website accessibility and of a wide range of products and services within the European Union. Compliance enforcement begins on June 28th, 2025. The EAA sets clear guidelines and standards that must be met, ensuring that digital services are accessible to everyone, including those with disabilities.

    The European Accessibility Act Applies to the following products and services within the European Union:

    • E-Commerce – Any E-commerce that sells to anyone in the EU
    • Hardware and software products brought the market after June 2025
    • Computers, smart phones, ATMs television equipments, E-Readers, ticketing and check-in machines
    • Banking 
    • Telecommunications
    • Transport services
    • Audio-visual media services

    Exceptions

    • Published before June 2025
    • Any 3rd party content that you don’t have control over

    Non-Compliance

    • Financial and Legal penalties
    • B2B procurement: UPAT
    • Monetary fines
    • Reputational Damage 

    Compliance Standards

    • WCAG 2.2 Level AA
    • European Standard (EN 301 549)

    WCAG 2.2 Updates

    WCAG is a set of guidelines developed by the World Wide Web Consortium (W3C) to ensure web content is accessible to people with disabilities. 

    WCAG 2.2 introduced several new success criteria in October of 2023 aimed at enhancing accessibility. WCAG 2.2 added personas to the success criterion in order to better empathize with the needs of the users. 

    To maintain an accessible website in 2024, you need to ensure your website follows all of the WCAG 2.1 Level A & AA guidelines as well as the new WCAG 2.2 updates. These updates include:

    Focus Not Obscured (Minimum) – Level AA

    When a user interface receives keyboard focus the component is not hidden due to author-created content.

    “This page has a big banner that’s always across the bottom. (a sticky footer) When I move focus to items, some are hidden behind the banner and I can’t see them”

    – Persona Alex, a reporter with repetitive stress injury

    Dragging Movements – Level AA

    All functionality that uses a dragging movement for operation can be achieved by a single pointer without dragging unless dragging is essential.

    ex, a map allows users to drag the view of the map around, and the map has up/down/left/right buttons to move the view as well.

    “I cannot hold down the mouse button and drag it accurately enough to move the items in the list.”

    -Persona Yun, a retiree with hand tremor

    Target Size (Minimum) – Level AA

    The minimum size for any target should be 24px by 24px

    “The buttons are so close, I hit “Cancel” when going for “Submit”. Then I have to start all over again.”

    – Persona Yun, a retiree with hand tremor

    Consistent Help – Level A

    Put help in the same place when it is on multiple pages.

    “Whenever I use the online app to schedule my medical appointments, I can’t remember what to do at each step. I’ve seen a chat option in some places, but can’t find it now”

    – Persona Luis, a supermarket assistant with cognitive disabilities

    Redundant Entry – Level A

    Information previously entered by or provided to the user that is required to be entered again in the same process is either auto-populated, or available for the user to select.

    “Whenever I use the online app to schedule my medical appointments, I have to re-type some information that I entered in a previous step.”

    -Persona Luis, a supermarket assistant with cognitive disabilities

    Accessible Authentication (minimum) – Level AA

    Don’t make people solve, recall, or transcribe something to log in.

    “I can never remember my password, it’s really hard to get into this app.”

    -Persona Luis, a supermarket assistant with cognitive disabilities

    How to ensure your website is accessible

    To ensure your website is accessible, follow these steps:

    1. Conduct an Accessibility Audit: Evaluate your current website against WCAG 2.2 standards to identify areas that need improvement.You can use a scanner like RocketValidator.
    2. Implement Necessary Changes: Make the required updates to meet accessibility guidelines. This may include adjusting contrast ratios, ensuring keyboard navigability, and providing text alternatives for non-text content.
    3. Use Accessible Design Practices: From the start of the design process, incorporate accessible design principles to ensure all new content is compliant.
    4. Test with Real Users: Conduct usability testing with individuals who have disabilities to get direct feedback on your website’s accessibility.
    5. Keep Up with Updates: Accessibility standards and technologies evolve. Stay informed about the latest updates to WCAG and other relevant guidelines.

    By proactively addressing accessibility, you not only comply with legal requirements but also create a more inclusive and user-friendly experience for all visitors to your website.Ready to make your website accessible? Contact Atlantic BT today to ensure your digital content meets the latest accessibility standards and provides a seamless experience for all users.

  • How to tell if my website is outdated?

    How to tell if my website is outdated?

    If your website is not responsive, not accessible, not performant (mobile included), or leveraging outdated or insecure technology, it may be a sign that your website is outdate. This can give the impression that your business is not reliable or trustworthy. In such cases, it’s crucial to consider the services of a company specializing in website development to ensure your site is up-to-date and effective.

    Outdated websites that are not compatible with modern web browsers and devices can lead to poor user experiences. This can include issues such as slow loading times, broken features, and security vulnerabilities. And since users expect websites to be reliable and functional, these issues can be frustrating and off-putting.

    Add to this the fact that old, outdated websites may not comply with modern web design and accessibility standards – such as a website that doesn’t use responsive web design principles. It may not display properly on mobile devices, or if it doesn’t comply with accessibility standards it may exclude users with disabilities. 

    You may think that because your website still seems okay, it’s okay to not update things. But in today’s competitive digital landscape, businesses need to prioritize their core web vitals and ensure that their website development is up-to-date and user-friendly. Without it, there’s a chance you could drive potential customers to choose a competitor’s website instead.

    Based on our 25 years of website development experience, here are four main things that make a site look outdated:

    Non-Responsive Website

    In 2024, non-responsive website development is no longer acceptable because of the increasing number of users accessing the internet through their mobile devices. With the proliferation of smartphones and tablets, users expect websites to be mobile-friendly and responsive.

    A responsive website adapts to different screen sizes and devices, ensuring that the user experience remains consistent across all platforms.

    Non-responsive websites require users to zoom in and out or scroll horizontally to view content, leading to a clunky and frustrating experience. This gives the impression that a business is out of touch with modern technology and trends, which can negatively impact its reputation and credibility.

    To address and fix non-responsive websites in 2024, businesses need to prioritize working with a website development company who has experience with mobile-first design principles. This means website development with the mobile user in mind and ensuring that the website functions seamlessly on all devices. This ensures that the user experience is consistent, regardless of the device they are using to access the website.

    Another approach is to use modern website development technologies, such as CSS Grid and Flexbox, to create layouts that are flexible and can adapt to different screen sizes. Developers can also leverage frameworks and tools such as Bootstrap and Foundation to build responsive websites quickly and efficiently.

    Accessibility

    When you don’t run your website through tools to measure accessibility you are potentially limiting your audience. Accessibility is a growing concern due to government legislation, contractual requirements, and more widespread news and information about the business value of digital accessibility.  Not to mention it just makes sense.

    Website development companies are now using tools like Google Lighthouse to measure website SEO, Performance, and Accessibility. You may also see accessibility referenced as a11y in your browsing. 

    Needless to say it’s important that your website needs to be accessible!

    Slow Loading Speed

    Slow-loading websites are also a problem when it comes to outdated features. Users expect websites to load quickly, and if a website takes too long to load, they may become frustrated and may abandon the website altogether. This can result in a high bounce rate, lower engagement, and fewer conversions. Additionally, with Google’s focus on page speed as a ranking factor, slow-loading websites may suffer from lower search engine rankings, leading to even fewer visitors and traffic.

    To avoid these problems, website development agencies need to prioritize website speed and performance when building and optimizing websites. This can include optimizing images and media, minimizing the use of large files and complex scripts, leveraging caching and compression techniques, and using a fast and reliable web hosting service. Using a content delivery network (CDN) can also help to distribute website content across multiple servers, resulting in faster load times for users.

    Old Technology

    Finally, using outdated technology on a website can make it look bad and even be dangerous.

    While outdated technology may not be compatible with modern web browsers and devices, leading to a poor user experience, what’s worse is that it can also lead to security vulnerabilities.  Technology, such as Flash, which is no longer supported by many modern web browsers can pose security risks to users, for example. Similarly, using outdated coding languages or frameworks can result in slower performance and limited functionality.

    To avoid these problems, developers and designers should stay up-to-date with the latest web development technologies and design trends. This can include using modern programming languages and frameworks such as HTML5, CSS3, and JavaScript. These technologies provide more advanced features and better performance, resulting in a better user experience.

    If you’re looking to update your website and ensure that it meets the latest technical standards, consider Atlantic BT as your website development partner. We have 25+ years of experience in website development and design. We can help your business to modernize its website and provide a seamless user experience that engages and converts visitors.

  • Why Your Website Needs Accessibility

    Why Your Website Needs Accessibility

    We’ve all heard the saying that “content is king” when it comes to the web. But what if you’re a sight-impaired person trying to access your favorite website? In a perfect world, your screen would read out all of the text on the page and give you the option to click on links. That’s where website accessibility works: to ensure that everyone has access to the same information and tools, regardless of disability or other factors.

    Most of us already know that there are rules for physical premises when it comes to accessibility for people with disabilities, either physical or socio-economic. Fewer know that accessibility can apply to online content, as well. 

    The Americans with Disabilities Act (ADA) mandates something called WCAG (Web Content Accessibility Guidelines) compliance, which is a means of designing websites, tools, and technologies so that people with disabilities can use them as easily as possible. WCAG compliance covers several types of disabilities, including blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, neurological limitations such as Parkinson’s disease or Alzheimer’s, and cognitive limitations such as learning disabilities. 

    The goal of ADA compliance is the creation of a website that uses a variety of different design and web development practices to assist people with disabilities in successfully navigating the site.

    Who Needs to Have an Accessible Website?

    The ADA requires state and local governments to be accessible under Title I and any business that is open to the public under Title III. 

    State and local government websites, as well as any private business that receives federal funding receive the most scrutiny for accessibility. An inaccessible website can bar users with disabilities from the government entity’s services, events, and activities.

    Websites are increasingly becoming accepted as public spaces and public spaces are required to be accessible in order to be ADA compliant. The Department of Justice has historically interpreted that ADA compliance applies to all “goods, services, privileges, or activities offered by public accommodations, including those offered on the web.” Public websites may include those for:

    • Retail
    • Restaurants
    • Hotels, Inns, and Motels
    • Hospitals and Medical Offices
    • Banks
    • Theaters and Sports Arenas

    What are the Benefits of Accessibility?

    There are numerous benefits to making your website ADA compliant. In terms of customer retention, it’s a good idea to design web content to be as accessible to as many people as possible. Users with disabilities are a highly under-served segment, so ADA compliance can help your organization differentiate itself from competitors. Accessible sites and apps allow more people to engage with your organization, buy your products, or access your services. 

    Some other ways that Accessibility benefits your organization include:

    • Reduced risk of legal complications
    • Improved user experience for everyone
    • Improved website Search Engine Optimization (SEO)

    Simply put, managing your accessibility is part of building a modern, robust digital platform.

    How Do We Know We’re Compliant?

    Companies seeking ADA compliance often undergo a website accessibility audit that includes both automated and manual testing to ensure compliance. The audits help companies identify problems and put them on the path to improving their practices, reaching a broader audience, and avoiding discrimination or legal complications.

    What is the Process for ADA-Accessibility Audits?

    The process is quite straightforward. Once you identify a company that performs accessibility testing, you provide your contact information with the website you’d like the company to review. In particular, you will want your homepage, service/product pages, contact page, and other key landing pages reviewed. Once the report is completed, the company will follow up with a call to discuss their initial findings and share their detailed accessibility audit report with recommendations.

    If problems are suspected, the audit company will set up automated testing to catch code issues that make your site inaccessible. The experts may recommend that you update old, inaccessible document repositories to be compliant with modern standards, and can help you develop your accessibility remediation strategy and work with a trusted partner to ensure your site stays up to date.

    Consult a Professional Web Design and Development Company

    Atlantic BT is an award-winning technology firm located in Raleigh, NC. We offer enterprise web design, website accessibility testing, IT consulting, software development, cybersecurity, and cloud technology to help clients easily manage, secure, and scale their core technologies. We combine full-service digital marketing with custom software development and technology solutions. Our awards stem from outstanding results in all aspects of digital, from UX design to modernizing applications. For more information, contact us or call us at 919-518-0670.

  • Atlantic BT’s Annie Tudora teams up with Ablr’s Kim Casey to present on Accessibility in Online Learning

    Atlantic BT’s Annie Tudora teams up with Ablr’s Kim Casey to present on Accessibility in Online Learning

    We are pleased to announce Atlantic BT’s User Experience Researcher, Annie Tudora, is teaming up with Ablr’s, Accessibility Operations Manager, Kim Casey to present at WPCampus 2021 Online on Tuesday, September 21 at 10 am EST. 

    WPCampus is a community of web professionals, educators, and people dedicated to supporting the convergence of WordPress in higher education. This free conference will cover a variety of topics surrounding web accessibility, WordPress and higher education. 

    Annie and Kim’s session will focus on the benefits and challenges of online learning for people with disabilities. Annie’s personal experience with navigating higher education through the lens of a disability inspires her to advocate for accessibility for all. Kim has over two decades of experience in creating accessible products and content. 

    You can watch the video here or read the transcript below.

    Watch her talk here – Empowering accessibility in the era of online learning.

    Annie Tudora  0:00  

    Thank you for joining us today for our lightning talk and powering accessibility in the era of online learning. I’m Annie Tudora, a User Experience Researcher at Atlantic BT. And I have my master’s degree in user experience design from Kent State University.

    Kim Casey  0:19  

    And I am Kim Casey, an Accessibility [Analyst] at Ablr, a digital accessibility firm that focuses on eliminating barriers for people with disabilities. And I have just over 20 years of experience developing accessible products and training resources.

    Annie Tudora  0:36  

    So here’s a picture of me and I’m super excited in this picture. And not only because I had just graduated with my bachelor’s in film and media at Georgia State University, but also because I had just finished what was the most difficult semester of my entire college career. I spent most of my bachelor’s degree limping around campus, and something to know about downtown Atlanta where Georgia State [is located]. The classroom buildings are very far apart. So it takes about a 15 to 20 minute walk to get from building to building. And after three years, I was diagnosed with osteonecrosis, also known as bone death. And several of my bones, and my knees and my ankle, my wrist and my hip have lost circulation and are very painful, and are essentially dead. So once I found this out, I had a very hard time getting around and my knees were very painful. 

    So I decided to spend the last semester in a wheelchair. And I quickly found out that the campus of Georgia State University was very difficult for someone in a wheelchair. The ramps were largely not up to code, and it made it very difficult for me to get up and down places. And the sidewalks in downtown Atlanta were very bumpy and had lots of hills. So within two weeks of using the wheelchair at Campus, I injured the cartilage in my chest and I was unable to push myself any longer. That meant that I had to rely on the kindness of my fellow classmates and my teachers to get me from class to class. And while I deeply appreciate the kindness that they showed me every day, while I was at school, it also felt really frustrating and demoralizing to have to rely on everyone else to do things that I was normally able to do. Even something as simple as getting to the bathroom. And there were days that were so hard for me that I had to call my then fiance to come get me from school because I was crying. 

    But after graduating, I decided that film and media was probably not the best career for me with my disability. So I went back to school, and got my Master’s at Kent State University in user experience design where I knew I would be able to create online experiences that would be accessible to everyone. My degree was entirely online. So I got to work from home, from my home office. I got better grades, and the experience was virtually stress free. Right after I graduated, I was able to get a job, a remote position at Atlantic BT as a user experience researcher and that’s where I am today with these remote accommodations, it felt like I didn’t even have a disability at all.

    Kim Casey 3:44  

    And Annie’s story is not the only one I’d like to share with you. [This is the] story of ABLR CEO, his name is John. He was diagnosed with Retinitis Pigmentosa in college, which means that your eyesight just kind of fades as you get older. We also found that he also found that it fades faster if you’re really stressed out. So once he was diagnosed, he tried to hide it and he didn’t really want to let anybody know that he was struggling with that condition. And resultantly ended up dropping out of college. So he struggled so much that he just realized that he wasn’t going to be able to make it with the way he was trying to do it at that time. He didn’t stop there though. 

    Thankfully, he kept traveling around and he was offered a job in Cameroon to set up a cell communications network. And he actually had an interesting experience there where they found out he was visually impaired and almost didn’t want him to go and try to talk him out of it and ended up giving him just six months to prove himself. And he did that and more in six months and so that was a great experience for him. And it gave him the motivation to return to college. 

    And so he applied for another new college and on the first day of orientation found himself inside a meeting hall where he was supposed to find his name tag on a table and find the correct seat. Unfortunately, he was not able to see the name tags. So he did the only thing he could think to do was reach out to the person standing next to him who happened to be the Dean of that college. And asked her to help him get to his chair and find his name tag. And she serendipitously has a child who has a disability as well and really encouraged him to embrace his disability, find out what resources are available, And to get the help he needs to succeed. And so that experience was great for him, because he was able to learn about what resources are available to people with visual impairments, and really opened up doors for him. He met his wife. He was just really able to participate in life like never before. And all sorts of new opportunities surfaced. 

    He ended up as CEO of ABLR, breaking down barriers for people with disabilities, so nobody else had to struggle like he did, when he didn’t know that there were resources available for him. And these stories are not unique. Globally, there are 1 billion people with a disability. And each person has their own story. Some like John struggle because they don’t know about available resources, some are embarrassed to ask for help. And like in Annie’s case, sometimes the available resources just aren’t enough. She couldn’t get from class to class, it was a real barrier. 

    So whether it’s a teacher only offering materials and paper format, where they’re not digitized, and a person with a visual impairment can’t read them. Or if it’s ramps, they’re just too steep, that a wheelchair can’t access, these things really can stop people from getting the most out of their education. What online learning gives you is kind of a forced condition where different resources and different learning types are available. 

    And so another one of my colleagues started his college career and found that none of the online learning resources were accessible. So instead of dropping out or really fighting battles with the accessibility department, he just offered to help them get their resources accessible, and it really opened their mind. And they created this partnership so that he could help them make the materials accessible, and in turn, then he got a better education. So it’s a partnership between the student and the school. And that’s how success really blossoms.

    Annie Tudora  7:38  

    So there’s a lot of potential benefits of online learning for those with disabilities. For one, as in with my story, there’s no need to navigate campus for those with physical disabilities or visual impairments. This can be extremely beneficial if they can do things online. recorded lectures can be helpful for certain people with learning disabilities. And of course, online learning can make recording lectures and reviewing them a lot easier. And online, you’re usually provided with a digital text to support learning. And this can be easier for screen readers as opposed to a paper text. This can also be enhanced by allowing magnification capabilities, adding alternative text and level of headings. And then there are auto generated subtitles for zoom. And you can record those zoom videos and review them later. 

    However, just because one thing can benefit some people with disabilities doesn’t mean that it benefits everybody with disabilities. And we’ve also seen a lot of challenges in the online learning space. So for one, online learning actually decreases the visibility of disabilities. So some people might have a visible illness, if they have a wheelchair or something like that, you might be able to tell that they have a disability. But for me, if I don’t use my wheelchair, then there’s no way for you to know if I have a disability or not. And that’s what we call an invisible illness. And in a research report in 2011 found that when students with disabilities study online, they were reluctant to disclose that they had a disability even in the face of inaccessible online learning material. So online learning can actually make it harder for teachers and educators to know who has a disability and what kind of accommodations they might need. So even though zoom may supply with automated closed captioning, they can also be very subpar and confusing, which could lead to even more confusion than before, but this can be solved by providing closed captioning on recorded videos or transcripts for media with video or sound. And factors such as home distractions, social isolation, and self motivation can be difficult for many people with learning disabilities, and even if you don’t have one. An inaccessible third party software can be a problem when a professor prefers a teaching supplement outside of the materials provided by the school, which may have been vetted for accessibility.

    Kim Casey  10:36  

    So that brings us to how accessible online learning can benefit anyone and why really, we should be looking into this. Online Learning has come a long way in terms of accessibility over the past couple of years, obviously, because of the pandemic, it’s sort of been a forced accessibility 101. But accessibility is a journey. So I think at the beginning, you kind of feel overwhelmed. It’s a lot of work. But then once you start thinking and incorporating it into your everyday life and all your regular lessons. Then it becomes something that you just maintain and nurture over the years. And with a commitment to accessibility. The benefits to everyone include; you’re building your content on a good foundation, so that you’re thinking about accessibility at the start. You’re trying to anticipate any needs that might arise from everyone in your audience, and you’re considering your audience regardless of their ability. You’re more intentional with your content. So you really are starting to think and break down, “how am I best going to reach this student?” and “how best can I present this information in a way that will help everybody learn?” And you’re also making your online or your content uniform, so that everything is the same. Everybody gets the same experience, whether it be in all digital, or if it’s a visual format. Everyone’s getting the same content, and just increasing awareness about accessibility and understanding different learning types and different needs of online learning consumption.

    Annie Tudora 12:11  

    I believe in the social model of disability, which states that a disability is “the impact of an inaccessible socially constructed environment on a person with an impairment rather than something inherent in the person with disability”. Which means, that the problem isn’t that people have disabilities, the problem is that society and our social order hasn’t created solutions and accessible experiences for everyone. The pandemic has presented us with a unique opportunity to increase accessibility and online learning. With the correct considerations and implementations, we can give those with disabilities more opportunities than ever before. And with those implementations in place, people with disabilities will find themselves in a world where their disability doesn’t impair them in their learning or chances for success. 

    Here’s our work cited.

    Kim Casey  13:15  

    And we realize that accessibility is a big subject matter. So we welcome any chance to speak with you about any questions you might have. You can contact me at kim.kc@ablr360.com. I also provided our ABLR, LinkedIn link and a QR code that will take you directly to our website if you want to find out more about digital accessibility and just creating accessible content. There’s also contact information for Annie. Her email is Annie Tudora, and that’s spelled t u d. o ra at Atlantic bt.com. The Atlantic bt website is there as well along with LinkedIn and we thank you for joining us today. It’s been our pleasure to talk about accessibility and online learning and we welcome the chance to talk with you soon. Thank you.

    Anne Tudora 14:08  

    Bye. Thank you

  • Slow page speed is killing your business. Here’s how to fix it.

    Slow page speed is killing your business. Here’s how to fix it.

    Page speed is a critical element of a revenue-generating website, but it’s sometimes overlooked and can be a challenge to fix. In this post, gain an understanding of why it’s worth the investment to improve page speed as we breakdown 6 key factors to share with your development team that will get you closer to improving your page load.

    The 6 key factors to improving page load are:

    1. Reduce the number of third-party scripts
    2. Caching and minification
    3. Optimize images
    4. Lazy load images
    5. Serve content from a Content Delivery Network (CDN)
    6. Remedy redirect chains

    How important is page speed?

    As a general rule of thumb: the faster your website loads, the better the user experience. But do you know how many opportunities you are missing out on with slow page load time?

    Load time exceeding 2 seconds increases the exit rate.

    First of all, Google ran a study and found that 53% of mobile ad clicks immediately exited when load times exceeded 3 seconds. And people’s standards for speed have only increased over the years. In fact, 47% of consumers expect a page to load in 2 seconds or less.

    Faster page speed means higher rankings.

    Google takes user preferences into account with its ranking algorithm. Therefore, they favor pages with fast performance.

    Google’s Webmaster blog confirmed the importance of speed in a July 2018 announcement:

    “Today we’re announcing that starting in July 2018, page speed will be a ranking factor for mobile searches… We encourage developers to think broadly about how performance affects a user’s experience of their page and to consider a variety of user experience metrics.”

    Furthermore, recent studies by Hubspot, Backlinko, and Optinmonster each listed site speed as a top-ranking factor for Google (both mobile and desktop).

    What happened when Atlantic BT tested page speed factors?

    When we noticed a decrease in organic performance on Atlantic BT’s own website, we decided to perform a technical SEO audit to diagnose the issue. We found that our page speed was not up to par using Lighthouse and GTMetrix, free tools that provide detailed reports on your site performance. Between these two tools, our Front-End Development team compiled a list of changes to make to our website.

    We tested speed with and without these factors, isolating variables to determine the most effective items and their impact on speed scores.

    Atlantic BT’s Page Speed Audit Checklist:

    We found a handful of items to be the most impactful on page speed. Take a look at the top 6 factors to increase website performance, and be sure to share with your development team!

    1. Reduce the number of third-party scripts:

    We found third-party scripts to have the largest effect on slow load times. These scripts include HotJar, Google Tag Manager, the Facebook pixel, and any other JavaScript you use to track ad campaigns and web-behavior.

    If a third-party script doesn’t add clear value to your site, remove it. For example, pause Google Tag Manager scripts that aren’t being actively used to track campaigns. Similarly, tools like Hotjar can often provide useful data with limited use – run it long enough to gather the data you need, then be sure to disable it. Then, optimize the loading process for the scripts you decide to keep.

    2. Caching and minification:

    There are many tools and services for JavaScript and CSS file compression such as Uglify JS, YUI Compressor, Minify, and Node-Minify.

    Likewise, you can use a service for caching. Depending on how your website is built, you can try some of these options:

    • WordPress: Atlantic BT uses W3 Total Cache plugin on our WordPress website.
    • Drupal: Visit their wiki to find a partial list of the top used modules for improving performance and scalability.
    • Magento: Varnish is integrated into Magento 2.x by default and only requires a few configuration changes to get started.
    • .NET frameworks: The .NET framework offers various classes for caching along with custom classes to extend caching.

    You can use a JavaScipt build system like Webpack to compile and compress your site’s custom JavaScript and CSS. Some other highly used JavaScript build tools/task runners are Gulp and Grunt. All of these can be used in any CMS or non-CMS site.

    3. Optimize images:

    If your website is on WordPress, you have access to several plugins that will easily optimize images. Atlantic BT currently uses EWWW Image Optimizer. We can bulk optimize and auto-generate .webp images for all custom WordPress image sizes. We then serve .webp images with a fallback to a png or jpg format.

    If you aren’t in WordPress, this free API is supported by many CMS, platforms, and tools.

    4. Lazy load images:

    To improve page load time, try lazy loading images. The latest chrome supports native lazy loading via an attribute in, for example: <img src=”“path/to/img/img.jpg”” />.

    While Atlantic BT uses Vanilla Lazyload NPM for our website, Google’s developer blog also provides solutions for lazy loading.

    5. Serve content from a Content Delivery Network (CDN):

    With a CDN, instead of having a single server handle traffic, bandwidth spans across multiple servers. Serving content from a CDN will both create a faster experience for users and prevent downtime during traffic spikes. Many of Atlantic BT’s client websites use Amazon Cloudfront as their CDN.

    6. Remedy redirect chains:

    A redirect chain is when a single webpage is redirected repeatedly. These can creep up after many 301 redirect rules are written in the .htaccess file over time, especially between several people or teams.

    You can scan your site with a tool like MOZ to see what pages have multiple redirects. Then, clean up rules in the htaccess file and/or reduce the number of redirect rules by using regex where applicable.

    How page speed impacted Atlantic BT’s website

    Atlantic BT found that implementing these changes was well worth the effort! After deploying page speed updates in early October, we quickly noticed an uptick in organic traffic.

    From September to November, organic traffic increased by 18%. Better still, our website conversion rate increased by 60%.

    Even after deploying these changes, we continue to look for ways to improve our site speed and enhance UX.

    Need help increasing page speed?

    Atlantic BT is happy to share page speed tips with you. We offer page speed audits and can implement any recommendations to get your website back on track. Reach out if you’re interested in learning more about our web development solutions.

    [general_cta subtitle=”Ready to get started?” title=”Get in Touch for a Free Consultation” button_text=”Contact Us” url=”/contact/” type=”button button–primary”]

  • Try our simple hack for choosing accessible brand colors.

    Color – it’s one of the most expressive, subjective elements in life. Color surrounds us everywhere we go and shares a powerful connection with our emotions. And yet ironically — most of us are too blind to see just how lucky we are to have the ability to see in color. A lot of people today cannot see as many — or in some cases, any — colors like the rest of us.

    It’s no surprise that our world is changing rapidly and becoming more dependent on technology. Digital experiences, such as browsing websites or applications, has become critical to our daily lives. When designing these experiences, it can be easy to overlook color accessibility.

    Recently, I was asked about my design process and how I go about inclusivity – in particular with color accessibility. I realized how many people were not aware of accessible design.

    So, let’s talk about color accessibility and how to go about tackling these challenges in your own digital experiences.

    Why is accessibility so important?

    Digital experiences can be expressive to everyone, regardless of color deficiencies. As creative professionals, we have the power to make the lives of those affected better — to have a sense of belonging. It starts with planning and designing for accessibility. It involves crafting experiences for all people, including those of us with visual, speech, auditory, physical, or cognitive disabilities. Let’s create a web we’re all proud of: an inclusive web made for and consumable by all people.

    Color accessibility is important because it enables people with visual impairments or color vision deficiencies to interact with digital experiences in the same way as their non-visually-impaired counterparts.

    [pull_quote]If you have to squint at any point in a website or web app to read or articulate something, there’s an accessibility problem.[/pull_quote]

    While we often think of visual impairments as long-term or permanent, many of us may experience short-term visual impairments. Have you ever had the sun glare into your eyes or your monitor when trying to browse the web or use an app? Ever forget your glasses or contacts? What about trying to read those digital billboards from a distance? Even those with the sharpest vision – corrected or not – will have trouble reading or comprehending your brand at some point.

    Still not convinced? In 2017, The World Health Organization estimated that roughly 217 million people live with some form of moderate to severe vision impairment. Ouch. That statistic alone is reason enough to not only consider — but mandate — design for accessibility.

    Related: Get a Free Website Accessibility Audit

    Apart from being an ethical best practice, there are also potential legal implications for not complying with regulatory requirements around accessibility. Did you know: In 2017, plaintiffs filed at least 814 federal lawsuits about allegedly inaccessible websites, including several class actions.

    Related: A Lack of Accessibility Puts Beyonce’s Website in the Spotlight

    Designing digital experiences with color accessibility in mind can also have a positive economic impact on a brand by increasing its user base and conversion rate. Similar to poor usability, poor accessibility can drive up abandonment rates, which can lead to lost revenue and ultimately lost brand value. Making sure a brand uses colors that are strong in contrast will only help improve on this economic impact.

    What makes a color palette accessible?

    Digital experiences should follow the guidelines outlined in the Web Content Accessibility Guidelines (WCAG) to be accessible. Color accessibility is required for Level AA and Level AAA.

    Level AA

    For digital experiences that must comply with WCAG 2.1 Level AA, the following are the bare minimum requirements for color contrast:

    • Minimum 4.5:1 for normal text
    • Minimum 3:1 for large text, graphics, and UI components (e.g. input borders)

    Level AAA

    For digital experiences that must comply with WCAG 2.1 Level AAA, the following are the bare minimum requirements for color contrast:

    • Minimum 7:1 for normal text
    • Minimum 4.5:1 for large text, graphics, and UI components (e.g. input borders)

    Note — Large text refers to a minimum of 24px or 19px bold.

    Ensuring your designs are color accessible doesn’t have to be difficult.

    There are two types of testing for color accessibility: quantitative and qualitative. The best way to ensure your designs are accessible is to test with actual people! If someone cannot use or read your product, then there’s likely a contrast issue. Qualitative testing can be time-consuming and costly.

    For inexpensive testing, there are color contrast tools you can use online. These tools measure the contrast ratio between a foreground color and background color. The higher the ratio, the more likely a person can distinguish it.

    Here’s a typical scenario I go through all the time when designing digital experiences, such as websites or web applications:

    1. The customer provides me with their branding colors.
    2. I take these colors and run them through a color contrast tool to see what combinations I can use (according to the WCAG). I’ll also check brand colors against commonly-used black and white.
    3. When colors fail to meet the requirements, I start nudging the color’s lightness to the closest value that passes.
    4. Rinse and repeat

    Does this sound familiar? The color palette I am given may not be the same palette I recommend. As you can imagine, it’s a difficult conversation to have with a customer that they cannot use their colors the way they want.

    I’ll admit that finding elegant color combinations for Level AAA is pretty tough, but for standard body text, I almost always try to get a combination that works for that level of compliance. It’s just a better experience to have a strong contrast ratio for dense content.

    ColorShark has a beautiful, intuitive interface for finding accessible colors.

    Single color contrast tool to rule them all.

    To help creative professionals be better equipped, there are a lot of tools out there, such as Colorable and ColorSafe. While these tools are great at doing a simple comparison between colors, I have to manually tweak combinations that do not pass compliance. To help automate this, I designed and developed a color contrast tool, called ColorShark. I wanted ColorShark to provide people with the ability to not only provide real-time visual indicators of color combinations, their respective contrast ratios, and adjustment sliders to hue, saturation, and lightness, but also automatically detect and suggest the closest compliant colors – if your combination is not accessible.

    Going back to that typical scenario, using a tool like ColorShark saves me time and budget in getting an accessible color palette for a customer and their brand. Currently, I haven’t found another tool that can provide that sense of speed and exploration.

    Let’s build an accessible web.

    Don’t take the ability to see color for granted. As part of inclusive design, creative professionals must promote best practices to make sure people – regardless of color deficiencies – can use websites and web applications.

    Tools like ColorShark can drastically improve your exposure to color accessibility and give you the means of expanding your audience. You’ll also feel better that you’re being more inclusive!


    Need help with color accessibility?
    Web Accessibility Services

    We designed and built ColorShark. Got an idea for a web app you’d like to make? Let’s work together.
    Application Development Services