Browser Developer Tools
Also known as: DevTools, Web Inspector, Developer Console
Built-in browser utilities that allow web developers to inspect, debug, and modify web pages in real-time. Features include DOM inspection, CSS editing, JavaScript debugging, network monitoring, and performance profiling. Major browsers (Chrome, Firefox, Safari, Edge) include developer tools accessed via F12 or right-click "Inspect." While essential for web development, browser developer tools have significant accessibility barriers for screen reader users: they lack clear hierarchy of information, meaningful labeling of interface elements, and require complex navigation patterns. Research shows blind developers struggle to use these tools for CSS verification and debugging, often relying on NVDA's Developer Toolkit add-on or collaboration with sighted colleagues as alternatives.
Category: Web Development · Developer Tools
Related: Debugging · Document Object Model · Cascading Style Sheets · Integrated Development Environment