Trace supplied ratings to their cells and see why an untested control does not lower the current assessment

HTML for this example

Select the code and use your copy shortcut. Changes in this preview are temporary.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Digital exhibit · declared risk lookup</title><style>*{box-sizing:border-box}body{margin:0;background:#f1f3f5;color:#364a55;font:16px/1.55 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:24px}h1{font-size:34px;line-height:1.16}h2{font-size:24px}h3{font-size:19px}.eyebrow{letter-spacing:.06em;color:#6b8290}.card{padding:20px;margin:18px 0;background:white;border:1px solid #c7d3db;border-radius:6px}.scales{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scales>div{padding:16px;background:#f0f5f7}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}button,textarea,select{font:inherit;color:inherit}button{min-height:44px;padding:10px 14px;border:1px solid #748f9f;border-radius:4px;background:white;cursor:pointer}button[aria-pressed=true]{background:#486e81;color:white}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b87627;outline-offset:3px}table{width:100%;table-layout:fixed;border-collapse:collapse;font:inherit}caption{text-align:left;font-weight:700;margin:12px 0}th,td{border:1px solid #aabec6;padding:12px 6px;text-align:center;overflow-wrap:anywhere}td[data-attention=Routine]{background:#e9f3ec}td[data-attention=Review]{background:#fff3ca}td[data-attention=Priority]{background:#f6dfcc}td[data-active=true]{outline:4px solid #2c6178;outline-offset:-5px;font-weight:800}.unplaced{background:#edf0f5;border-left:6px dashed #8498a9}.control{background:#fff7e5;border-left:6px solid #bc9344}label{display:block;font-weight:650;margin:14px 0 6px}textarea,select{width:100%;max-width:100%;min-width:0;padding:10px;border:1px solid #97aeba;border-radius:4px;background:white}textarea{min-height:95px;resize:vertical}.copy p{white-space:pre-wrap;overflow-wrap:anywhere}#status{font-weight:650;color:#7d541c}footer{margin:24px 0;color:#6b8290}[hidden]{display:none!important}@media(max-width:560px){main{padding:12px}h1{font-size:28px}.card{padding:14px}.scales{grid-template-columns:1fr}th,td{padding:12px 3px}}</style></head><body><main><p class="eyebrow">FICTIONAL DIGITAL-EXHIBIT UPLOAD CYCLE · QUALITATIVE TEACHING RULE</p><h1>An unknown rating belongs outside the grid</h1><section class="card"><h2>Define both scales</h2><div class="scales"><div><h3>Likelihood</h3><p><strong>Low:</strong> supplied assessment identifies a remote failure path with relevant checks in place.</p><p><strong>Medium:</strong> credible failure path remains partly controlled.</p><p><strong>High:</strong> recurring or readily realizable path with key checks absent.</p></div><div><h3>Impact on the exhibit record</h3><p><strong>Low:</strong> cosmetic fix without changing record meaning.</p><p><strong>Medium:</strong> working-record correction before publication, without withdrawal or reissue of a published record.</p><p><strong>High:</strong> published-record problem requiring withdrawal or reissue.</p></div></div><p>Descriptive supplied judgments, not measured probability percentages. A real assessment needs an agreed context and basis.</p></section><section class="card"><h2>Declared combination rule</h2><table><caption>Rows: likelihood (L). Columns: impact (I).</caption><thead><tr><th scope="col">L ↓ / I →</th><th scope="col">Low</th><th scope="col">Medium</th><th scope="col">High</th></tr></thead><tbody id="lookup"></tbody></table><p><strong>Routine:</strong> retain for routine review. <strong>Review:</strong> discuss assessment and response. <strong>Priority:</strong> bring forward for a response decision.</p><p>These attention labels do not declare safety, approval or compliance. The rule is this original teaching lookup, not a universal or NCSC-approved scale. No ordinal multiplication is used.</p></section><section class="card"><h2>Select a supplied assessment</h2><div class="tabs"><button id="r1" type="button" aria-pressed="true">R1 · caption file</button><button id="r2" type="button" aria-pressed="false">R2 · font mismatch</button><button id="r3" type="button" aria-pressed="false">R3 · reviewer availability</button></div><h3 id="risk-title">R1 · wrong caption file associated with an image</h3><p id="rating">Supplied Medium likelihood / High impact → Priority.</p><p id="basis">Teaching judgment: credible, partly controlled failure path; published-record consequence requiring withdrawal or reissue. Ratings are supplied, not independently established by this page.</p><section id="unplaced" class="card unplaced" hidden><h3>Outside the matrix · not Low</h3><p>R3 has Unknown likelihood and Medium impact. Ask about reviewer availability and the basis for assessing likelihood before selecting a cell.</p></section><button id="control" type="button" aria-expanded="false" aria-controls="control-view">Inspect proposed R1 control</button><section id="control-view" class="card control" hidden><h3>Peer filename cross-check · proposed, not tested</h3><p id="current">R1 current assessment stays Medium / High → Priority.</p><p>Implementation: not supplied. Evaluation of effect: not supplied. Residual assessment: unassessed.</p><p>Before reconsidering it, establish how the check operates and what evidence supports its effect on the failure path. Writing a control does not lower the current rating.</p></section></section><section class="card"><h2>Your scoped worksheet using this declared lookup</h2><div id="fields"></div><label for="own-likelihood">Likelihood · supplied basis required for real use</label><select id="own-likelihood"><option>Unknown</option><option>Low</option><option>Medium</option><option>High</option></select><label for="own-impact">Impact · supplied basis required for real use</label><select id="own-impact"><option>Unknown</option><option>Low</option><option>Medium</option><option>High</option></select><div class="tabs"><button id="build" type="button">Build worksheet review</button><button id="reset" type="button">Reset typed work</button></div><p id="status" role="status"></p><section id="confirm" hidden><h3>Clear all eight worksheet fields?</h3><div class="tabs"><button id="keep" type="button">Keep my assessment</button><button id="clear" type="button">Clear typed worksheet</button></div></section><section id="review" class="card copy" hidden><h3 id="own-rating"></h3><div id="copy"></div><p>Lookup demonstration from user-selected labels only. Rating accuracy, control effectiveness and acceptable risk have not been established.</p></section></section><footer>Temporary worksheet only; no saved assessment, safety certification or approval. Keep uncertainty visible beside the category definitions.</footer></main><script>'use strict';const $=id=>document.getElementById(id),levels=['Low','Medium','High'],lookup={Low:{Low:'Routine',Medium:'Routine',High:'Review'},Medium:{Low:'Routine',Medium:'Review',High:'Priority'},High:{Low:'Review',Medium:'Priority',High:'Priority'}};for(const l of levels){const tr=document.createElement('tr'),th=document.createElement('th');th.scope='row';th.textContent=l;tr.append(th);for(const i of levels){const td=document.createElement('td');td.id='cell-'+l+'-'+i;td.dataset.attention=lookup[l][i];td.textContent=lookup[l][i];td.setAttribute('aria-label',l+' likelihood, '+i+' impact: '+lookup[l][i]);tr.append(td);}$('lookup').append(tr);}const risks={r1:['R1 · wrong caption file associated with an image','Medium','High','Teaching judgment: credible, partly controlled failure path; published-record consequence requiring withdrawal or reissue. Ratings are supplied, not independently established by this page.'],r2:['R2 · cosmetic display-font mismatch','Low','Low','Supplied Low/Low teaching judgment for a cosmetic correction without changing record meaning. It is not an independently measured risk.'],r3:['R3 · reviewer availability missing','Unknown','Medium','Likelihood basis is absent. Medium impact alone cannot identify a cell. Gather reviewer-availability information before assessment.']};function select(id){const[title,l,i,basis]=risks[id];for(const key of Object.keys(risks))$(key).setAttribute('aria-pressed',String(key===id));for(const cell of document.querySelectorAll('#lookup td')){cell.dataset.active='false';cell.removeAttribute('aria-current');}$('risk-title').textContent=title;$('rating').textContent=l==='Unknown'?'Unknown likelihood / Medium impact → Not placed.':'Supplied '+l+' likelihood / '+i+' impact → '+lookup[l][i]+'.';$('basis').textContent=basis;$('unplaced').hidden=l!=='Unknown';if(l!=='Unknown'){const cell=$('cell-'+l+'-'+i);cell.dataset.active='true';cell.setAttribute('aria-current','true');}}for(const id of Object.keys(risks))$(id).addEventListener('click',()=>select(id));select('r1');$('control').addEventListener('click',()=>{const open=$('control-view').hidden;$('control-view').hidden=!open;$('control').setAttribute('aria-expanded',String(open));});const fields=[['scope','Assessment scope and activity/timeframe · required'],['definitions','Definitions and any limits of using this example lookup'],['own-basis','Risk description, supplied evidence and assessment basis'],['proposed-control','Proposed control and actual implementation status'],['residual','Evidence for residual reassessment, only if supplied'],['notes','Notes and unresolved information']];for(const[id,label]of fields){const l=document.createElement('label'),t=document.createElement('textarea');l.htmlFor=id;l.textContent=label;t.id=id;$('fields').append(l,t);}const ids=fields.map(x=>x[0]).concat('own-likelihood','own-impact');for(const id of ids)$(id).addEventListener('input',()=>{$('review').hidden=true;$('status').textContent='Assessment notes changed. Build again to review current selections.';});$('build').addEventListener('click',()=>{$('review').hidden=true;if(!$('scope').value.trim()){$('status').textContent='Complete: assessment scope and timeframe.';return;}const l=$('own-likelihood').value,i=$('own-impact').value;$('own-rating').textContent=l==='Unknown'||i==='Unknown'?'Not placed · a likelihood or impact rating is Unknown.':l+' likelihood / '+i+' impact → '+lookup[l][i]+' under this declared lookup.';$('copy').replaceChildren();for(const[id,title]of fields){const h=document.createElement('h3'),p=document.createElement('p');h.textContent=title;p.textContent=$(id).value.trim()||'Not supplied.';$('copy').append(h,p);}$('review').hidden=false;$('status').textContent='Worksheet review assembled; no assessment has been independently verified.';});$('reset').addEventListener('click',()=>{$('confirm').hidden=false;$('keep').focus();});$('keep').addEventListener('click',()=>{$('confirm').hidden=true;$('reset').focus();});$('clear').addEventListener('click',()=>{for(const[id]of fields)$(id).value='';$('own-likelihood').value='Unknown';$('own-impact').value='Unknown';$('review').hidden=true;$('confirm').hidden=true;$('status').textContent='Eight worksheet fields reset; supplied risk assessments and current grid selection unchanged.';$('scope').focus();});</script></body></html>