[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"me":3,"catalog:en:frontend\u002Faccessibility":4,"config":235},null,{"field_key":5,"field_name":6,"seniority":7,"topic_key":8,"topic_name":9,"spec_key":7,"spec_name":7,"locale":10,"cell_total":11,"field_total":12,"seniorities":13,"topics":17,"specs":133,"samples":150},"frontend","Frontend","","accessibility","Accessibility","en",75,2925,[14,15,16],"junior","mid","senior",[18,19,22,25,28,31,34,37,40,43,46,49,52,55,58,61,64,67,70,73,76,79,82,85,88,91,94,97,100,103,106,109,112,115,118,121,124,127,130],{"key":8,"name":9,"count":11},{"key":20,"name":21,"count":11},"angular-change-detection","Angular Change Detection",{"key":23,"name":24,"count":11},"angular-components-lifecycle","Angular Components Lifecycle",{"key":26,"name":27,"count":11},"angular-dependency-injection","Angular Dependency Injection",{"key":29,"name":30,"count":11},"angular-directives-pipes","Angular Directives Pipes",{"key":32,"name":33,"count":11},"angular-router-forms","Angular Router Forms",{"key":35,"name":36,"count":11},"angular-testing-performance","Angular Testing Performance",{"key":38,"name":39,"count":11},"css-layout","Css Layout",{"key":41,"name":42,"count":11},"dom-browser-apis","Dom Browser Apis",{"key":44,"name":45,"count":11},"javascript-async-concurrency","Javascript Async Concurrency",{"key":47,"name":48,"count":11},"javascript-language","Javascript Language",{"key":50,"name":51,"count":11},"javascript-memory-performance","Javascript Memory Performance",{"key":53,"name":54,"count":11},"javascript-modules-bundling","Javascript Modules Bundling",{"key":56,"name":57,"count":11},"javascript-prototypes-oop","Javascript Prototypes Oop",{"key":59,"name":60,"count":11},"javascript-runtime-apis","Javascript Runtime Apis",{"key":62,"name":63,"count":11},"javascript-testing-tooling","Javascript Testing Tooling",{"key":65,"name":66,"count":11},"performance","Performance",{"key":68,"name":69,"count":11},"react-components-jsx","React Components Jsx",{"key":71,"name":72,"count":11},"react-context-state","React Context State",{"key":74,"name":75,"count":11},"react-effects-lifecycle","React Effects Lifecycle",{"key":77,"name":78,"count":11},"react-forms-suspense","React Forms Suspense",{"key":80,"name":81,"count":11},"react-hooks-state","React Hooks State",{"key":83,"name":84,"count":11},"react-rendering-performance","React Rendering Performance",{"key":86,"name":87,"count":11},"rendering-reactivity","Rendering Reactivity",{"key":89,"name":90,"count":11},"state-management","State Management",{"key":92,"name":93,"count":11},"testing","Testing",{"key":95,"name":96,"count":11},"typescript-advanced-types","Typescript Advanced Types",{"key":98,"name":99,"count":11},"typescript-generics","Typescript Generics",{"key":101,"name":102,"count":11},"typescript-modules-declarations","Typescript Modules Declarations",{"key":104,"name":105,"count":11},"typescript-narrowing-control-flow","Typescript Narrowing Control Flow",{"key":107,"name":108,"count":11},"typescript-tooling-config","Typescript Tooling Config",{"key":110,"name":111,"count":11},"typescript-type-fundamentals","Typescript Type Fundamentals",{"key":113,"name":114,"count":11},"vue-components-props","Vue Components Props",{"key":116,"name":117,"count":11},"vue-composition-api","Vue Composition Api",{"key":119,"name":120,"count":11},"vue-directives-templates","Vue Directives Templates",{"key":122,"name":123,"count":11},"vue-performance-testing","Vue Performance Testing",{"key":125,"name":126,"count":11},"vue-reactivity-system","Vue Reactivity System",{"key":128,"name":129,"count":11},"vue-router-state-management","Vue Router State Management",{"key":131,"name":132,"count":11},"web-security","Web Security",[134,138,141,144,147],{"key":135,"name":136,"count":137},"angular","Angular",450,{"key":139,"name":140,"count":137},"javascript","JavaScript",{"key":142,"name":143,"count":137},"react","React",{"key":145,"name":146,"count":137},"typescript","TypeScript",{"key":148,"name":149,"count":137},"vue","Vue",[151,169,182,196,209,222],{"id":152,"topic":9,"difficulty":153,"body":154,"options":155,"correct_key":163,"explanation":168},"019f56bb-ba3f-74d5-9280-9f53a6ed3059",1,"Why is a native `\u003Cbutton>` element usually preferred over a clickable `\u003Cdiv>` for an interactive control?",[156,159,162,165],{"key":157,"text":158},"a","Because a plain `\u003Cdiv>` cannot be styled to visually resemble a button without a large amount of extra CSS",{"key":160,"text":161},"b","Because `\u003Cbutton>` elements are painted faster by the browser than generic `\u003Cdiv>` elements are",{"key":163,"text":164},"c","Because a native `\u003Cbutton>` is keyboard-focusable and operable and exposes a button role to assistive tech",{"key":166,"text":167},"d","Because the HTML specification forbids attaching a click handler to a non-interactive `\u003Cdiv>` element","A native `\u003Cbutton>` gives you keyboard focus, Enter\u002FSpace activation, and a screen-reader-announced button role with no extra work. A `\u003Cdiv>` gets none of that automatically; styling it (a) is possible with CSS, and attaching a click handler to a `\u003Cdiv>` is allowed (d) — it just is not accessible.",{"id":170,"topic":9,"difficulty":153,"body":171,"options":172,"correct_key":157,"explanation":181},"019f56bb-ba3f-7ae0-8f04-a495a09bb932","What is the primary purpose of the `alt` attribute on an `\u003Cimg>` element?",[173,175,177,179],{"key":157,"text":174},"To provide a text alternative describing the image for users who cannot see it",{"key":160,"text":176},"To display a visible caption underneath the image for every visitor to the page",{"key":163,"text":178},"To improve how quickly the image file is downloaded and decoded by the browser",{"key":166,"text":180},"To set the tooltip text that appears when the mouse pointer hovers over the image","`alt` gives screen-reader users, and cases where the image fails to load, a text equivalent of the image's content. It is not a visible caption (b) and not the hover tooltip — that is the `title` attribute (d).",{"id":183,"topic":9,"difficulty":184,"body":185,"options":186,"correct_key":166,"explanation":195},"019f56bb-ba40-73f7-b2bc-9d7da73f2eb8",2,"```html\n\u003C!-- A -->\n\u003Cdiv class=\"btn\" onclick=\"save()\">Save\u003C\u002Fdiv>\n\n\u003C!-- B -->\n\u003Cbutton class=\"btn\" onclick=\"save()\">Save\u003C\u002Fbutton>\n```\nBoth controls call `save()` when clicked with a mouse. Which statement is correct?",[187,189,191,193],{"key":157,"text":188},"They are equivalent, because the `onclick` handler fires the same way for both elements",{"key":160,"text":190},"A is better, because a `\u003Cdiv>` can be styled more flexibly than a `\u003Cbutton>` element",{"key":163,"text":192},"Both are inaccessible, because inline `onclick` handlers are completely ignored by screen readers",{"key":166,"text":194},"Only B is reachable by Tab and activatable with the keyboard; A needs extra work to match it","The `\u003Cbutton>` is focusable and responds to Enter\u002FSpace out of the box, so keyboard and screen-reader users can use it. The `\u003Cdiv>` responds only to mouse clicks unless you add `tabindex`, a role, and key handlers — inline `onclick` itself is not ignored (c), it just adds no keyboard support.",{"id":197,"topic":9,"difficulty":184,"body":198,"options":199,"correct_key":160,"explanation":208},"019f56bb-ba40-79da-833d-a8e905d4681e","You have a text input for an email address, with the visible word 'Email' next to it in a separate `\u003Cspan>`. A screen-reader user tabs to the field and hears only 'edit text', with no label. What is the correct fix?",[200,202,204,206],{"key":157,"text":201},"Add a `title` attribute to the `\u003Cspan>` so its text gets announced together with the field",{"key":160,"text":203},"Use a `\u003Clabel for=\"...\">` whose `for` value matches the input's `id` attribute",{"key":163,"text":205},"Wrap the input in a `\u003Cdiv role=\"label\">` so the browser links the nearby text to it",{"key":166,"text":207},"Put a `placeholder=\"Email\"` on the input so its purpose is announced to the user","A `\u003Clabel>` with `for` matching the input's `id` (or a `\u003Clabel>` wrapping the input) creates a programmatic association, so the field is announced as 'Email'. A `placeholder` (d) is not a reliable label — it disappears on typing and is inconsistently announced — and there is no `role=\"label\"` (c).",{"id":210,"topic":9,"difficulty":153,"body":211,"options":212,"correct_key":163,"explanation":221},"019f56bb-ba41-71b5-ba4b-a2ec0408a1fc","What does the `aria-label` attribute do?",[213,215,217,219],{"key":157,"text":214},"It sets a visible text label that is shown next to the element on the screen",{"key":160,"text":216},"It marks the element as decorative so that assistive technology skips over it",{"key":163,"text":218},"It provides an accessible name for the element that assistive tech announces",{"key":166,"text":220},"It stores a longer help description that is shown only when the element is focused","`aria-label` gives an element an accessible name that screen readers announce, without showing anything on screen — useful for icon-only buttons. It is not visible (a), and it does not hide the element (b); that is what `aria-hidden` does.",{"id":223,"topic":9,"difficulty":184,"body":224,"options":225,"correct_key":166,"explanation":234},"019f56bb-ba41-773a-b9a6-5910907615d5","A page uses a small decorative swirl image purely for visual flourish; it carries no information. How should its `\u003Cimg>` be marked up for accessibility?",[226,228,230,232],{"key":157,"text":227},"Give it a descriptive `alt` such as `alt=\"decorative swirl divider between the two sections\"`",{"key":160,"text":229},"Leave the `alt` attribute off entirely so the browser can decide how to announce it",{"key":163,"text":231},"Add `role=\"img\"` plus an `aria-label` describing the swirl for screen-reader users",{"key":166,"text":233},"Give it an empty `alt=\"\"` so assistive technology skips it as decorative","An empty `alt=\"\"` tells screen readers the image is decorative and can be ignored, avoiding noise. Describing a meaningless flourish (a) adds clutter, and omitting `alt` entirely (b) makes many screen readers read the file name instead of skipping it.",{"fields":236,"seniorities":410,"interview_shapes":411,"locales":416,"oauth":418,"question_count":421,"coach_enabled":422,"jd_match_enabled":422},[237,262,270,287,311,324,343,362,384,391,397,404],{"key":238,"name_tr":239,"name_en":239,"sort":153,"specializations":240},"backend","Backend",[241,244,247,250,253,256,259],{"key":242,"name":243,"field":238},"general","Genel",{"key":245,"name":246,"field":238},"go","Go",{"key":248,"name":249,"field":238},"python","Python",{"key":251,"name":252,"field":238},"java","Java",{"key":254,"name":255,"field":238},"csharp","C#\u002F.NET",{"key":257,"name":258,"field":238},"nodejs","Node.js",{"key":260,"name":261,"field":238},"php","PHP",{"key":5,"name_tr":6,"name_en":6,"sort":184,"specializations":263},[264,265,266,267,268,269],{"key":242,"name":243,"field":5},{"key":139,"name":140,"field":5},{"key":145,"name":146,"field":5},{"key":142,"name":143,"field":5},{"key":148,"name":149,"field":5},{"key":135,"name":136,"field":5},{"key":271,"name_tr":272,"name_en":272,"sort":273,"specializations":274},"fullstack","Fullstack",3,[275,276,277,278,279,280,281,282,283,284,285,286],{"key":242,"name":243,"field":271},{"key":245,"name":246,"field":238},{"key":248,"name":249,"field":238},{"key":251,"name":252,"field":238},{"key":254,"name":255,"field":238},{"key":257,"name":258,"field":238},{"key":260,"name":261,"field":238},{"key":139,"name":140,"field":5},{"key":145,"name":146,"field":5},{"key":142,"name":143,"field":5},{"key":148,"name":149,"field":5},{"key":135,"name":136,"field":5},{"key":288,"name_tr":289,"name_en":289,"sort":290,"specializations":291},"devops-cloud","DevOps \u002F Cloud",4,[292,293,296,299,302,305,308],{"key":242,"name":243,"field":288},{"key":294,"name":295,"field":288},"aws","AWS",{"key":297,"name":298,"field":288},"gcp","GCP",{"key":300,"name":301,"field":288},"azure","Azure",{"key":303,"name":304,"field":288},"kubernetes","Kubernetes",{"key":306,"name":307,"field":288},"terraform","Terraform",{"key":309,"name":310,"field":288},"linux","Linux",{"key":312,"name_tr":313,"name_en":313,"sort":314,"specializations":315},"ai-engineer","AI Engineer",5,[316,317,318,321],{"key":242,"name":243,"field":312},{"key":248,"name":249,"field":312},{"key":319,"name":320,"field":312},"llm-rag","LLM\u002FRAG",{"key":322,"name":323,"field":312},"mlops","MLOps",{"key":325,"name_tr":326,"name_en":327,"sort":328,"specializations":329},"database","Veritabanı","Database",6,[330,331,334,337,340],{"key":242,"name":243,"field":325},{"key":332,"name":333,"field":325},"postgresql","PostgreSQL",{"key":335,"name":336,"field":325},"mysql","MySQL",{"key":338,"name":339,"field":325},"mongodb","MongoDB",{"key":341,"name":342,"field":325},"redis","Redis",{"key":344,"name_tr":345,"name_en":346,"sort":347,"specializations":348},"mobile","Mobil","Mobile",7,[349,350,353,356,359],{"key":242,"name":243,"field":344},{"key":351,"name":352,"field":344},"ios-swift","iOS (Swift)",{"key":354,"name":355,"field":344},"android-kotlin","Android (Kotlin)",{"key":357,"name":358,"field":344},"flutter","Flutter",{"key":360,"name":361,"field":344},"react-native","React Native",{"key":363,"name_tr":364,"name_en":365,"sort":366,"specializations":367},"security","Güvenlik","Security",8,[368,369,372,375,378,381],{"key":242,"name":243,"field":363},{"key":370,"name":371,"field":363},"appsec","AppSec",{"key":373,"name":374,"field":363},"offensive-pentest","Offensive \u002F Pentest",{"key":376,"name":377,"field":363},"cloud-security","Cloud Security",{"key":379,"name":380,"field":363},"devsecops","DevSecOps",{"key":382,"name":383,"field":363},"blue-team-incident","Blue Team \u002F Incident",{"key":385,"name_tr":386,"name_en":387,"sort":388,"specializations":389},"qa-test-automation","QA \u002F Test Otomasyonu","QA \u002F Test Automation",9,[390],{"key":242,"name":243,"field":385},{"key":392,"name_tr":393,"name_en":393,"sort":394,"specializations":395},"data-engineer","Data Engineer",10,[396],{"key":242,"name":243,"field":392},{"key":398,"name_tr":399,"name_en":400,"sort":401,"specializations":402},"game-dev","Oyun Geliştirme","Game Development",11,[403],{"key":242,"name":243,"field":398},{"key":405,"name_tr":406,"name_en":406,"sort":407,"specializations":408},"ml-engineer","ML Engineer",12,[409],{"key":242,"name":243,"field":405},[14,15,16],{"junior":412,"mid":414,"senior":415},{"questions":413,"median_sec":3},20,{"questions":413,"median_sec":3},{"questions":413,"median_sec":3},[417,10],"tr",[419,420],"google","github",21750,true]