Kilotest: Violations of element focusability and operability conflict issue for Charity Navigator page

Basics

About the page

• URL: https://www.charitynavigator.org/
• Tested 3 days ago on 2026-10-07 at 19:56 by job 261007T1941-rxh
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 720
  • Violators: 293
  • Issues: 47
• Download the full technical report (JSON)

About the issue

• Why it matters: Keyboard-only user cannot operate an item
• Priority: high
• Related WCAG standard: 2.1.1
• Reported by 1 rule engine (Testaro)
• Violations: 23
• Violators: 23

Violators

Here are the HTML elements reported to violate rules belonging to the element focusability and operability conflict issue.

Take me there links will open the page in a new tab and try to scroll to the element and highlight it. This does not always succeed. You can return here by closing the new tab.

• Element 129

  • Tag name: DIV
  • Text: Sign In/Create an account
  • Start tag: <div class="react-root">
  • XPath: /html/body/header[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]
  • Bounding box: x = 904, y = 17, width = 194, height = 16
  • Reported by Testaro
  • Take me there
  • What diagnoses were reported?

• Element 139

  • Tag name: DIV
  • Text: 0
  • Start tag: <div class="react-root">
  • XPath: /html/body/header[1]/div[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]
  • Bounding box: x = 1550, y = 5, width = 40, height = 40
  • Reported by Testaro
  • What diagnoses were reported?

• Element 141

  • Tag name: DIV
  • Text: 0
  • Start tag: <div class="tw:rounded-full tw:cursor-pointer tw:flex tw:justify-center tw:items-center" style="background-color: rgb(35, 74, 224); height: 40px; width: 40px;">
  • XPath: /html/body/header[1]/div[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/a[1]/div[1]
  • Bounding box: x = 1550, y = 5, width = 40, height = 40
  • Reported by Testaro
  • What diagnoses were reported?

• Element 177

  • Tag name: DIV
  • Text: Discover Charities … About Us
  • Start tag: <div class="react-root">
  • XPath: /html/body/header[1]/div[1]/div[1]/div[2]/div[1]/div[3]/div[1]/div[1]
  • Bounding box: x = 1172, y = 66, width = 388, height = 39
  • Reported by Testaro
  • What diagnoses were reported?

• Element 181

  • Tag name: DIV
  • Text: Discover Charities
  • Start tag: <div class="tw:px-2 tw:py-2 tw:rounded tw:text-md tw:font-semibold tw:transition-colors tw:duration-100 tw:outline-none tw:text-nowrap tw:cursor-pointer tw:text-[#011936] hover:tw:bg-blue-50 hover:tw:text-blue-700">
  • XPath: /html/body/header[1]/div[1]/div[1]/div[2]/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/a[1]/div[1]
  • Bounding box: x = 1172, y = 66, width = 166, height = 39
  • Reported by Testaro
  • What diagnoses were reported?

• Element 183

  • Tag name: DIV
  • Text: Donor Basics
  • Start tag: <div class="tw:px-2 tw:py-2 tw:rounded tw:text-md tw:font-semibold tw:transition-colors tw:duration-100 tw:outline-none tw:text-nowrap tw:cursor-pointer tw:text-[#011936] hover:tw:bg-blue-50 hover:tw:text-blue-700">
  • XPath: /html/body/header[1]/div[1]/div[1]/div[2]/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/a[2]/div[1]
  • Bounding box: x = 1342, y = 66, width = 124, height = 39
  • Reported by Testaro
  • What diagnoses were reported?

• Element 185

  • Tag name: DIV
  • Text: About Us
  • Start tag: <div class="tw:px-2 tw:py-2 tw:rounded tw:text-md tw:font-semibold tw:transition-colors tw:duration-100 tw:outline-none tw:text-nowrap tw:cursor-pointer tw:text-[#011936] hover:tw:bg-blue-50 hover:tw:text-blue-700">
  • XPath: /html/body/header[1]/div[1]/div[1]/div[2]/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/a[3]/div[1]
  • Bounding box: x = 1470, y = 66, width = 90, height = 39
  • Reported by Testaro
  • Take me there
  • What diagnoses were reported?

• Element 420

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: <div class="react-root">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[3]/div[1]/div[1]/div[1]
  • Bounding box: x = 650, y = 454, width = 380, height = 38
  • Reported by Testaro
  • What diagnoses were reported?

• Element 475

  • Tag name: DIV
  • Text: 25th Anniversary 9/11 Relief & Support … These highly rated U.S.-based charities are providing critical support to immigrants, asylum seekers, and displaced individuals navigating life in the United States.
  • Start tag: <div class="react-root">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]
  • Bounding box: x = 320, y = 798, width = 1280, height = 448
  • Reported by Testaro
  • Take me there
  • What diagnoses were reported?

• Element 529

  • Tag name: DIV
  • Text: 25th Anniversary 9/11 Relief & Support … Support highly rated organizations dedicated to uplifting impacted families, protecting first responders and fostering national unity in memory of September 11
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/a[1]/div[1]
  • Bounding box: x = 336, y = 814, width = 405, height = 416
  • Reported by Testaro
  • What diagnoses were reported?

• Element 539

  • Tag name: DIV
  • Text: Venezuela Earthquake Relief … Support trusted nonprofits delivering lifesaving aid and helping communities recover after the Venezuela earthquake.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[2]/a[1]/div[1]
  • Bounding box: x = 757, y = 814, width = 405, height = 416
  • Reported by Testaro
  • What diagnoses were reported?

• Element 549

  • Tag name: DIV
  • Text: Immigrant Support in the United States … These highly rated U.S.-based charities are providing critical support to immigrants, asylum seekers, and displaced individuals navigating life in the United States.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[3]/a[1]/div[1]
  • Bounding box: x = 1179, y = 814, width = 405, height = 416
  • Reported by Testaro
  • What diagnoses were reported?

• Element 566

  • Tag name: DIV
  • Text: MATCH ACTIVE … Hunger and food insecurity remain critical challenges in the United States, affecting millions. Root causes like low wages, inadequate federal support, and rising living costs keep hunger persistent. Our End Hunger Fund is a powerful solution, highlighting organizations that provide both immediate food relief and long-term strategies.
  • Start tag: <div class="react-root">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[3]/div[1]/div[2]/div[1]/div[1]
  • Bounding box: x = 320, y = 1414, width = 1280, height = 515
  • Reported by Testaro
  • Take me there
  • What diagnoses were reported?

• Element 623

  • Tag name: DIV
  • Text: MATCH ACTIVE … Developed in partnership with Giving Green, the Climate Change Fund supports organizations that implement bold, systemic solutions to reduce emissions. These groups drive impact by shaping strong climate policies, advancing clean technologies, fostering sustainable markets, and shifting societal norms to accelerate climate action.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[3]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/a[1]/div[1]
  • Bounding box: x = 336, y = 1430, width = 405, height = 483
  • Reported by Testaro
  • Take me there
  • What diagnoses were reported?

• Element 636

  • Tag name: DIV
  • Text: Women's Health & Wellbeing Fund … Support our analyst curated group of nonprofits advancing proven solutions for women’s health, from reproductive and maternal care to mental health, prevention, and other historically underfunded needs.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[3]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[2]/a[1]/div[1]
  • Bounding box: x = 757, y = 1430, width = 405, height = 483
  • Reported by Testaro
  • What diagnoses were reported?

• Element 646

  • Tag name: DIV
  • Text: End Hunger Fund … Hunger and food insecurity remain critical challenges in the United States, affecting millions. Root causes like low wages, inadequate federal support, and rising living costs keep hunger persistent. Our End Hunger Fund is a powerful solution, highlighting organizations that provide both immediate food relief and long-term strategies.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[3]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[3]/a[1]/div[1]
  • Bounding box: x = 1179, y = 1430, width = 405, height = 483
  • Reported by Testaro
  • What diagnoses were reported?

• Element 676

  • Tag name: DIV
  • Text: 25+ … DONATED VIA OUR GIVING BASKET
  • Start tag: <div class="react-root">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[5]/div[1]/div[1]
  • Bounding box: x = 0, y = 2548, width = 1920, height = 202
  • Reported by Testaro
  • Take me there
  • What diagnoses were reported?

• Element 703

  • Tag name: DIV
  • Text: Giving 101 … Whether you’re a new donor or a seasoned philanthropist, use these tools to help make the most of your giving.
  • Start tag: <div class="react-root">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[6]/div[1]/div[2]/div[1]/div[1]
  • Bounding box: x = 330, y = 2928, width = 1260, height = 446
  • Reported by Testaro
  • Take me there
  • What diagnoses were reported?

• Element 757

  • Tag name: DIV
  • Text: Giving 101 … Just starting out with giving? Look here for questions to ask a charity, strategies for maximizing your donation, and more.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[6]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/a[1]/div[1]
  • Bounding box: x = 346, y = 2944, width = 399, height = 414
  • Reported by Testaro
  • What diagnoses were reported?

• Element 767

  • Tag name: DIV
  • Text: Where to Give … Discover and support organizations responding to current events and crises.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[6]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[2]/a[1]/div[1]
  • Bounding box: x = 761, y = 2944, width = 399, height = 414
  • Reported by Testaro
  • What diagnoses were reported?

• Element 777

  • Tag name: DIV
  • Text: Donor Tools … Whether you’re a new donor or a seasoned philanthropist, use these tools to help make the most of your giving.
  • Start tag: <div class="tw:rounded-[20px] tw:!shadow-gray-500 tw:!shadow-lg tw:flex tw:flex-col tw:w-full tw:cursor-pointer tw:!transition tw:!duration-500 tw:!ease-in-out tw:hover:!scale-[1.03] tw:min-w-[250px] tw:max-w-[700px] tw:h-full">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[6]/div[1]/div[2]/div[1]/div[1]/div[2]/div[1]/div[1]/div[3]/a[1]/div[1]
  • Bounding box: x = 1175, y = 2944, width = 399, height = 414
  • Reported by Testaro
  • What diagnoses were reported?

• Element 808

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: <div class="react-root">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[7]/div[1]/div[2]/div[1]/div[1]/div[1]
  • Bounding box: x = 1020, y = 3568, width = 560, height = 315
  • Reported by Testaro
  • What diagnoses were reported?

• Element 811

  • Tag name: DIV
  • Text: [not applicable]
  • Start tag: <div class="tw:w-full tw:cursor-pointer ">
  • XPath: /html/body/main[1]/div[1]/div[1]/div[1]/div[7]/div[1]/div[2]/div[1]/div[1]/div[1]/div[1]/div[2]
  • Bounding box: x = 1020, y = 3568, width = 560, height = 315
  • Reported by Testaro
  • What diagnoses were reported?