DNxHD support, Better screen reader support

2025-08-19 13:02:39 +07:00
parent 3921c003bb
commit 4cad43abe1
6 changed files with 102 additions and 11 deletions
@@ -64,10 +64,12 @@ function LibaomOptions(props: {
                        <BreezeIcon icon="help-about" alt="Help" />
                    </button>
                </div>
-                <label>Rate-control modes</label>
+                <label for="rateControlMode">Rate-control modes</label>
                <select
                    class="k-dropdown"
                    onchange={(e) => setRateControlMode(e.target.value)}
+                    name="rateControlMode"
+                    id="rateControlMode"
                >
                    <option value="Constant">Constant Quality</option>
                    <option value="Constrained">Constrained Quality</option>
@@ -80,7 +82,7 @@ function LibaomOptions(props: {
                        rateControlMode() === "Constrained"
                    }
                >
-                    <label>CRF</label>
+                    <label for="crf">CRF</label>
                    <input
                        type="number"
                        name="crf"
@@ -97,12 +99,13 @@ function LibaomOptions(props: {
                    />
                </Show>
                <Show when={rateControlMode() !== "Constant"}>
-                    <label>Bitrate</label>
-                    <div class="row gap2">
+                    <label for="bitrate">Bitrate</label>
+                    <div class="row gap2 align-items-center">
                        <input
                            type="number"
                            name="bitrate"
                            id="bitrate"
+                            aria-label="Kbps"
                            value={props.params.vbitrate ?? DEFAULT_BITRATE}
                            oninput={(e) => {
                                props.onParamChanged(