diff --git a/packages/react-router-dom/modules/NavLink.js b/packages/react-router-dom/modules/NavLink.js index ac24fa5a2b..ca39190a35 100644 --- a/packages/react-router-dom/modules/NavLink.js +++ b/packages/react-router-dom/modules/NavLink.js @@ -73,7 +73,7 @@ NavLink.propTypes = { NavLink.defaultProps = { activeClassName: "active", - "aria-current": "true" + "aria-current": "page" }; export default NavLink; diff --git a/packages/react-router-dom/modules/__tests__/NavLink-test.js b/packages/react-router-dom/modules/__tests__/NavLink-test.js index 7b9697c52d..9ae76764f3 100644 --- a/packages/react-router-dom/modules/__tests__/NavLink-test.js +++ b/packages/react-router-dom/modules/__tests__/NavLink-test.js @@ -53,7 +53,7 @@ describe("NavLink", () => { expect(a.style.color).toBe(activeStyle.color); }); - it("applies aria-current of true if no override value is given", () => { + it("applies aria-current of page if no override value is given", () => { ReactDOM.render( @@ -63,20 +63,20 @@ describe("NavLink", () => { node ); const a = node.getElementsByTagName("a")[0]; - expect(a.getAttribute("aria-current")).toEqual("true"); + expect(a.getAttribute("aria-current")).toEqual("page"); }); it("applies the override aria-current value when given", () => { ReactDOM.render( - + Pizza! , node ); const a = node.getElementsByTagName("a")[0]; - expect(a.getAttribute("aria-current")).toEqual("page"); + expect(a.getAttribute("aria-current")).toEqual("true"); }); it("handles locations without a pathname", () => {