Primeiramente,Eu sei que existe uma duplicata, mas tentei a solução e ela não funciona para mim.

Portanto, preciso de um controle segmentado por falso para ser tabulado ou, pelo menos, selecionável pelo teclado. É fácil obter a tecla tab para destacar o botão - basta adicionar

tabindex="0"

Para o elemento que eu quero ser tabable. O problema é que, embora eu possa obter o contorno azul quase imperceptível, não consigo selecionar o botão destacado.

A solução proposta na outra pergunta foi tornar meus botões de opção visíveis com uma opacidade zero, mas isso não conseguiu fazer nada além de estragar o espaçamento dos botões.

A última coisa pertinente em que consigo pensar é que os próprios botões de opção estão configurados.

display:none

Para ficar absolutamente claro, selecionar isso com o mouse funciona bem - os controles do teclado não funcionam. Então, alguma ideia?

Código da página, caso você precise

<p class="segmented-control">
    @foreach (var ruby in RubricData)
    {
        <input type="radio" id="@ruby.Id" ng-model="rubricStandardId" value="@ruby.Id"/>
        <label for="@ruby.Id" class="sc-label" style="background-color:@ruby.RubricHexColor;" tabindex="0">@ruby.RubricSymbol
        <span class="sc-tooltip">@ruby.RubricStandard</span></label>

    }
</p>